多物体运动框架

标签：

[智能社视频]

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

运行效果图：点击这里

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

原因：共用一个计数器

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

运行效果图：点击这里

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

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

运行效果图：点击这里

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

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

原因: offsetWidth=width+border+padding;

解决方案：引入Computed Styles

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

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

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

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

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

多物体运动框架

标签：

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