拖拽滑动验证码资源-CSDN文库

共5个文件

js：2个

css：1个

html：1个

slideunlock

4星 · 超过85%的资源需积分: 17 193 浏览量 2016-10-10 15:12:13 上传评论收藏 38KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

拖拽滑动验证.zip （5个子文件）

jQuery拖拽滑动验证码插件 slideunlock.js

jquery.slideunlock.js 5KB

slide-unlock.css 909B

index.html 1KB

下载更多免费素材.url 141B

jquery-1.12.1.min.js 95KB

<!DOCTYPE html> <html lang="en"> <head> <title>jQuery拖拽滑动验证码插件 slideunlock.js - 素材家园 - www.sucaijiayuan.com</title> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE-edge,chrome=1"> <meta name="viewport" content="width=device-width,initial-scale=1"> <link href="./slide-unlock.css" rel="stylesheet"> <style> html, body, h1 { margin: 0; padding: 0; } body { background-color: #393939; color: #d5d4ff; overflow: hidden } #demo { width: 600px; margin: 150px auto; padding: 10px; border: 1px dashed #d5d4ff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-align: left; } </style> </head> <body> <div id="demo"> <div id="slider"> <div id="slider_bg"></div> <span id="label">>></span> <span id="labelTip">拖动滑块验证</span> </div> <script src="jquery-1.12.1.min.js"></script> <script src="jquery.slideunlock.js"></script> <script> $(function () { var slider = new SliderUnlock("#slider",{ successLabelTip : "欢迎访问素材家园" },function(){ alert("验证成功,即将跳转至素材家园首页"); window.location.href="http://www.sucaijiayuan.com" }); slider.init(); }) </script> </div> </body> </html>

评论收藏

内容反馈