多物体运动框架
1. 相比于单物体运动框架,多物体运动框架多了一个参数obj,用来指明需要哪个物体运动 ~
运行效果图:点击这里
问题一:但鼠标快速在多个div中移动时,会出现问题
原因:共用一个计数器
解决方案:把计时器作为obj的属性,每个obj上有且仅有一个计时器。
运行效果图:点击这里
2. 在单物体运动框架中,淡入淡出的opacity使用一个全局变量opacity进行存储;
在多物体运动框架中,把opacity作为obj的一个属性进行存储,保证每个obj的opacity互不干扰;
运行效果图:点击这里
问题二:使用offset存在的问题
运行效果图:[点击这里]
原因: offsetWidth=width+border+padding;
解决方案:引入Computed Styles
运行效果图:[点击这里]
3. 在多物体运动框架中,加入attr参数,表明当前物体运动时所需要改变的属性;
运行效果图:[点击这里]
4. 增加对opacity属性的特殊处理
运行效果图:[点击这里]