记录一下运动效果的思路

1、从一个目标点到另一个目标点的运动效果：

var timer=null;

function 运动(){

var 速度=5;

if(obj.offsetLeft==目标位置){
clearInterval(timer);
}else{
obj.style.left=obj.offsetLeft+速度+'px';
}
}

function 调用运动函数(){

clearInterval(timer);

timer=setInterval(function(){
运动()
},40);
}

2、缓动运动效果：

var timer=null;

function 运动(目标值){
var 速度=(目标值-当前值)/一个系数;
速度=速度>0?Math.ceil(速度):Math.floor(速度);

if(目标值==当前值){
clearInterval(timer);
}else{
obj.style.属性=当前值+速度+'px';
}
}

function 调用运动函数(目标值){
clearInterval(timer);
setInterval(function(){
运动(目标值);
},30)
}