jquery 重写 html5 验证,Jquery前端滑动验证方式功能实现

【温馨提示】源码包解压密码：www.youhutong.com

效果图：

使用说明：

1、引入drag.js和Jquery库文件：

2、引入css文件：

.slidetounlock{

font-size: 12px;

background:-webkit-gradient(

linear,

left top,

right top,

color-stop(0,#4d4d4d),

color-stop(.4,#4d4d4d),color-stop(.5,#fff),

color-stop(.6,#4d4d4d),color-stop(1,#4d4d4d)

);

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

-webkit-animation:slidetounlock 3s infinite;

-webkit-text-size-adjust:none

}

@-webkit-keyframes slidetounlock

{

0%{background-position:-200px 0}

100%{background-position:200px 0}

}

3、编写html：

请按住滑块，拖动到最右边

4、调用JS：

$('#drag').drag();

浏览器启用弹出窗口过滤功能，将无法跳转到下载页。在浏览器地址栏右边符号提示处点击允许就可以了！

【温馨提示】源码包解压密码：www.youhutong.com

郑重声明：

1、本站源码仅供个人学习研究和交流使用，请于下载后二十四小时内删除

2、本站大多资源来源于互联网、用户分享，仅供学习交流使用，本站不提供任何技术支持

3、本站联系方式Email：admin@youhutong.com ，收到邮件会第一时间处理。

4、如侵犯到任何版权问题，请立即告知本站(立即在线告知)，本站将及时删除并致以最深的歉意