jq仿手机拖动滑块解锁代码

来源:https://www.sucaihuo.com/js/2017.html 2017-05-23 23:44浏览(670) 收藏

jq仿手机拖动滑块解锁代码,jQuery滑动解锁插件,pc端用鼠标拖动滑块进行解锁。
jq仿手机拖动滑块解锁代码
分类:悬浮层/弹出层 > 拖动 难易:初级
登录后点击“下载资源”按钮,复制链接,邀请好友免费下载
查看演示 下载资源: 16

手机扫码访问:

下载资源 下载积分: 20 积分

js代码

<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<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>
评论2
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 525945990

  • 头像 椅子
    05-24 10:25
    2***8
    滑动解锁插件好用。
  • 头像 沙发
    05-24 08:07
    t***e
    这个也有发过一次的
1 2