效果图:
给大家一个下载网址:http://sc.chinaz.com/jiaoben/160330568920.htm
下载好后解压压缩包:
找到drag.js文件:
注意上方的两张效果图,有没有发现拖动前和拖动后的字都不一样,拖动前的字是:拖动滑块验证。拖动后的字是:验证通过。给它设置一个id,名为haha,目的就是来接受在没滑动前的几个字,就是通过字来验证登陆。
好了,有了id后我们自然就能接收这几个字的值了。
回到login.html页面
写个方法来通过滑动前后的字来判断:
在登陆上触发这个方法:
到此,简单的滑动验证就实现了。
原文:https://blog.csdn.net/qq_42249896/article/details/81001877