js实现滑动条的简单验证

效果图：

一般很多网站都有滑动条的验证，我是从站长素材上下载的。

给大家一个下载网址：http://sc.chinaz.com/jiaoben/160330568920.htm

下载好后解压压缩包：

找到drag.js文件：

注意上方的两张效果图，有没有发现拖动前和拖动后的字都不一样，拖动前的字是：拖动滑块验证。拖动后的字是：验证通过。给它设置一个id，名为haha,目的就是来接受在没滑动前的几个字，就是通过字来验证登陆。

好了，有了id后我们自然就能接收这几个字的值了。

回到login.html页面：

写个方法来通过滑动前后的字来判断：

在登陆上触发这个方法：

好了，简单的滑动验证就实现了~