15.运动

运动

 

 

 

运动原理：使用计时器，持续改变元素的属性

运动速度：取决于每次所走距离的多少

运动停止：判断什么时候到达目标位置，并清除计时器

 

 

 

 

匀速运动

 

运动频率和运动速度保持不变!

 

 

 

缓冲运动

 

运动速度发生变化，由快到慢

 

 

缓冲运动的关键：

 

1.速度逐渐变慢

var speed = (target - obj.offsetLeft) / 10;

2.对速度取整，避免数据丢失

speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed);

 

 

 

 

 

 

透明度运动

 

透明度变量：var opa=30;

IE浏览器：box.style.filter = 'alpha(opacity:' + opa + ')';

其他浏览器：box.style.opacity = opa/100;

 

 

多元素进行相同的运动，属性都不能共用！