多物体运动框架

[智能社视频]

1. 相比于单物体运动框架,多物体运动框架多了一个参数obj,用来指明需要哪个物体运动 ~

运行效果图:点击这里

问题一:但鼠标快速在多个div中移动时,会出现问题

原因:共用一个计数器

解决方案:把计时器作为obj的属性,每个obj上有且仅有一个计时器。

运行效果图:点击这里

2. 在单物体运动框架中,淡入淡出的opacity使用一个全局变量opacity进行存储;

  在多物体运动框架中,把opacity作为obj的一个属性进行存储,保证每个obj的opacity互不干扰;

运行效果图:点击这里

问题二:使用offset存在的问题

运行效果图:[点击这里]

原因: offsetWidth=width+border+padding;

解决方案:引入Computed Styles

运行效果图:[点击这里]

3. 在多物体运动框架中,加入attr参数,表明当前物体运动时所需要改变的属性;

运行效果图:[点击这里]

4. 增加对opacity属性的特殊处理

运行效果图:[点击这里]

原文地址:https://www.cnblogs.com/linxd/p/4557072.html