懒人之家--可能是JS网页特效代码收集最全的懒站!
更多

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

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-04-06
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>