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;
多元素进行相同的运动,属性都不能共用!