1.之前的都是匀速的,又很多都是需要缓冲运动
2.关键在于速度,距离和速度的关系!目标值-当前值
3.Ps1:opacity:所有浏览器都支持 opacity 属性。注释:IE8 以及更早的版本支持替代的 filter 属性。例如:filter:Alpha(opacity=50)。
4.缓冲动画的一个模板
var timer=null;
function startMove (iTarget) {
clearInterval(timer);
var obj=document.getElementById('obj');
timer=setInterval(function () {
var speed=0;
if(obj.属性>iTarget){
spped=-num;
}
else{
speed=num;
}
if(obj.属性==iTarget){
clearInterval(timer);
}
else{
obj...=obj.属性+speed...
}
}, 毫秒)
}
5.注意一点就是,缓冲的速度值一定要转换成整数,不然到达不了预想的效果!具体用Math.ceil()还是 Math.floor()还要看情况