拖动图标式验证

（作者：苦行者；撰写时间：2019年6月3日）
1、验证码有各式各样的验证形式，有图片验证，有文字和数字验证，还有本次要将的拖动
图标式验证，下面是它的页面：

用户根据文字提示将左边的“美国队长的盾牌”的图标移动至右边的红色圈内即为验证成功，在这个过程中，系统将会自动计算时间，根据用时判断超越用户的百分比。
以下是它的html代码：


可以看到，在两张图片外包裹一层div标签并给它设置样式，给它一个背景图片作为图片移动后的虚影，而左边跟右边的两张图片则相对于它来进行定位。
页面布局好了之后，接下来就是js部分了：

首先，获取到这两张图片，定义需要移动图片的随机数以及固定图片的随机数，然后再设
置随机的初始位置，这样每一次的图片位置都是随机的