电子羊

206 阅读1分钟

链接: 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