注册 登录 充值会员 退出
毕业设计 PHP源码
充值

jQuery仿手机移动端滑动解锁验证插件

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-04-06
jQuery仿手机移动端滑动解锁验证插件
jQuery仿手机移动端滑动解锁验证插件是一款用户需要滑动指定的滑块到指定位置,才能通过验证。unlock.js可以实现这种滑动解锁功能。


js代码

<script src='assets/js/unlock.js'></script>
<script type="text/javascript">
	$('.bar1').slideToUnlock();
	$('.bar2').slideToUnlock({
		height : 50,
		width : 200,
	});
	$('.bar3').slideToUnlock({
		text : '未解锁的文字',
		succText : '解锁成功的文字'
	});
	$('.bar4').slideToUnlock({
		bgColor : '#fce',
		progressColor : '#f60',
		succColor : '#f00',
		textColor : '#fff',
		succTextColor : '#fff',
	});
</script>