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

jQuery手机触屏拖动滑块验证跳转插件

一款简单的jQuery手机触屏拖动滑块验证跳转插件,兼容电脑端鼠标拖动和移动端触屏拖动滑块进行验证,验证成功跳转到指定网址。


js代码

<script type="text/javascript" src="js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="js/jquery.slideunlock.js"></script> 
<script>
$(function () {
    var slider = new SliderUnlock("#slider",{
			successLabelTip : "验证成功"	
		},function(){
			alert("验证成功,即将跳转至素材火");
        	window.location.href="https://www.sucaihuo.com";
			//以下四行设置恢复初始,不需要可以删除
			setTimeout(function(){
		        $("#labelTip").html("拖动滑块验证");
				$("#labelTip").css("color","#787878");
				},2000);
			slider.init();
		});
    slider.init();
})
</script> 


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


爱资源分享网 , 版权所有丨本站资源仅限于学习研究,严禁从事商业或者非法活动!丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:jQuery手机触屏拖动滑块验证跳转插件
喜欢 ()分享 (0)