简单的jQuery手机端滑动解锁代码

yzch6671

2年前发布

034920

送大家一个简单的jQuery手机滑动解锁代码特效，利用jquery.slideunlock插件实现的仿iPhone手机滑动解锁效果，样式比较简单，可以自己修改成不同的样式。

JS代码

<script type=\"text/javascript\" src=\"js/jquery.min.js\"></script>
<script type=\"text/javascript\" src=\"js/jquery.mobile.min.js\"></script>
<script type=\"text/javascript\" src=\"js/jquery.slideunlock.min.js\"></script>
<script type=\"text/javascript\">
$(function () {
	var slider = new SliderUnlock(\"#slider\", {}, function(){
		alert(\'success\');
	}, function(){
		$(\".warn\").text(\"index:\" + slider.index + \"， max:\" + slider.max + \",lableIndex:\" + slider.lableIndex + \",value:\" + $(\"#lockable\").val() + \" date:\" + new Date().getUTCDate());
	});
	slider.init();

	$(\"#reset-btn\").on(\'click\', function(){
		slider.reset();
	});
})
</script>

声明 1 本站名称：精品资源网
2 本站永久网址：https://www.jpzyw.net
3 本站部分资源来自于网络，分享给大家学习参考，如有侵权，请及时联系站长进行删除处理。
4 本站不对所有资源其观点和其真实性负责。
5 本站一律禁止用户以任何方式发布或转载违背法律法规的相关信息，访客发现请及时向站长举报。

THE END