Javascript运动概念2——多物体运动框架

1、多个物体同时运动

例子：多个div，鼠标移入变宽

Bug——单定时器，存在问题

    解决办法：将每个div一个定时器

2、多物体运动运动框架

（1）多物体运动框架

a、定时器作为物体的属性

b、参数的传递：物体、目标值

c、例子：多个div淡入淡出

    注意：

所有东西都不能共用

属性与运动对象绑定：速度、其他属性值（如透明度等）

（2）任意值运动框架

a、offset属性的bug——有框架的div变宽

解决办法：

用currentStyle代替offset

注意：offsetWidth ！= width

若width:100px;  border:1px solid #ccc; padding:10px;

则offsetWidth=100+1*2+10*2 = 222；

  b、原有运动框架的问题

只能让某一个值运动起来

如果想让其他值运动起来，要修改程序

（3）扩展的运动框架

a、运动属性作为参数

b、封装opacity

小数问题