效果图:
一般很多网站都有滑动条的验证,我是从站长素材上下载的。
找到drag.js文件:
注意上方的两张效果图,有没有发现拖动前和拖动后的字都不一样,拖动前的字是:拖动滑块验证。拖动后的字是:验证通过。给它设置一个id,名为haha,目的就是来接受在没滑动前的几个字,就是通过字来验证登陆。
好了,有了id后我们自然就能接收这几个字的值了。
回到login.html页面:
写个方法来通过滑动前后的字来判断:
在登陆上触发这个方法:
好了,简单的滑动验证就实现了~
效果图:
一般很多网站都有滑动条的验证,我是从站长素材上下载的。
找到drag.js文件:
注意上方的两张效果图,有没有发现拖动前和拖动后的字都不一样,拖动前的字是:拖动滑块验证。拖动后的字是:验证通过。给它设置一个id,名为haha,目的就是来接受在没滑动前的几个字,就是通过字来验证登陆。
好了,有了id后我们自然就能接收这几个字的值了。
回到login.html页面:
写个方法来通过滑动前后的字来判断:
在登陆上触发这个方法:
好了,简单的滑动验证就实现了~