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

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

jq仿手机拖动滑块解锁代码,jQuery滑动解锁插件,pc端用鼠标拖动滑块进行解锁。
jq仿手机拖动滑块解锁代码
分类:悬浮层/弹出层 > 拖动 难易:初级
查看演示 下载资源 下载积分: 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>
评论0
头像

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

1 2