• 微信号:Zh-y9213
您当前的位置:爱资源分享网 > > 网站源码 > 网页特效

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

栏目:网页特效时间:2021-07-09 22:40阅读数:31人阅读
一款简单的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> 


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

本站所有文章、数据、图片均来自互联网,一切版权均归源网站或源作者所有。

如果侵犯了你的权益请来信告知我们删除。邮箱:737597453@qq.com