实现 滑动验证 功能

Question

例如现在常用的滑动图片来验证登录：
如图：
这种图片要怎么弄

Answer 1

这个我没做过，但给个思路，不一定对，首先给滑动的那个圆添加一个active伪类，并初始就有一个js定时器方法，这个定时器方法一直会去访问你这个圆的坐标，之后同步移动上面那个方块，当那个方块到达指定地点的时候就表示执行成功，至于下面的速度，就每次扫描的时候，圆离开初始坐标的时候开始计时，距离就通过坐标运算，方块到达指定地点，时间结束，算出速度（虽然时间可能不是很对，但如果你的js定时器设置的扫描器间隔时间很短，应该也没有问题），至于那个超过多少用户，那就要把速度添加进入数据库中，之后查询运算出来，最后就是把开始这张图片的src指向那个对的路径，那个锁和对的勾图片也一样，个人见解，没做过，不一定对。