监听滑块的移动事件，获取它离左侧的距离，赋值给分离出来的验证模块就可以了，至于陷下去的模块，得到图片的大小，根据图片的长宽的一半随机赋值吧（因为这个模块一般都在右侧靠中间的位置）
这种滑动解锁应该是有两张图片，一张正常的，一张上面有解锁区域的（后端给），然后前端只用把用户释放鼠标后，滑动模块在图片上的xy轴传给后端，后端做成功与否的判断。
纯js的实现：只是前端验证，不具备高安全性。
html代码：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>滑动验证</title> <link href="http://www.likecs.com/css/index.css"> </head> <body> <div> <div> <div></div> <div></div> </div> <div> <span></span> <span>拖动滑块</span> </div> <div> <span>点击切换图片</span> </div> </div> <script src=http://www.likecs.com/\'js/jquery-3.1.1.min.js\'></script> <script src=http://www.likecs.com/\'js/index.js\'></script> </body>