链接: pan.baidu.com/s/1zX0uoWN3… 提取码: udsb 复制这段内容后打开百度网盘手机App,操作更方便哦
bug1:不跟随鼠标移动,也不改变方向
原因:
- img的选择器异常,无法施加js控制
- 参数不存在报错,强制终止了js脚本的运行
- 定时器设置时间过长
bug2:不跟随鼠标移动
原因:
-
img类未设置absolute定位,js控制失效
bug3:腰斩
原因:img类的width设置不合理,导致图片不能正常显示
bug4:飞羊
原因:
index代表完成过程需要多少动作,把一个过程分为50次完成,50次距离之和即为图片至鼠标距离,这一bug原因为index设置过大,图片已经到达鼠标位置,imgl仍在相加
if (index < 500) {
imgl += imgx / 50
imgt += imgy / 50
}
应改为
if (index < 50) {
imgl += imgx / 50
imgt += imgy / 50
}
距离计算
移动距离=当前鼠标位置-div距左边界距离-div宽度的一半
imgx = xyz.x - img.offsetLeft - img.clientWidth /2