{
    分享网正式开通,我们为大家提供免费资源,欢迎大家踊跃投稿!

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

送大家一个简单的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>


在线预览
资源均来自第三方,谨慎下载,前往第三方网站下载


米微资源分享网 , 版权所有丨本站资源仅限于学习研究,严禁从事商业或者非法活动!丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:简单的jQuery手机端滑动解锁代码
喜欢 ()分享 (0)