unlock.js

unlock.js是一款jQuery滑动解锁插件。现在许多网站在用户登录和注册时，为防止恶意攻击，采用来滑动解锁的验证方式。用户需要滑动指定的滑块到指定位置，才气通过验证。unlock.js可以实现这种滑动解锁功效。

unlock.js特点：

1、引入

<link href="/go/?url=path/to/css/unlock.css" class="target" rel="external nofollow" rel="stylesheet">
<script src='path/to/js/unlock.js'></script>

2、html

<!--滑块容器-->
<div id = "foo"></div>

3、初始化

var $container = $('#foo');
$container.slideToUnlock(options);

4、设置参数

参数	默认值	形貌
width	默以为容器的宽度	滑块的宽度
height	默以为容器的高度	滑块的高度
bgColor	#E8E8E8	滑块的靠山颜色
progressColor	#FFE97F	progress的颜色
handleColor	#fff	滑块手柄的颜色
succColor	#78D02E	乐成解锁后的颜色
text	'slide to unlock'	滑块上的默认文字
textColor	#000	文字的颜色
succText	'ok!'	乐成解锁后显示的文字
succTextColor	#000	乐成解锁后显示的文字颜色
succFunc	function() { alert('successfully unlock!'); }	乐成解锁后的回调函数

思源资源网：分类流动

1.阿里云: 本站现在使用的是阿里云主机，平安/可靠/稳固。点击领取2000米代金券、领会最新阿里云产物的种种优惠流动点击进入

2.腾讯云: 提供云服务器、云数据库、云存储、视频与CDN、域名等服务。腾讯云各种产物的最新流动，优惠券领取点击进入

3.广告同盟: 整理了现在主流的广告同盟平台，若是你有流量，可以作为参考选择适合你的平台点击进入

链接: http://www.fly63.com/nav/296