缓冲运动
一、实现
var timer;//起开关作用
function cushion(dom,target){
clearInterval(timer);//防止多次点击
var speed;
timer = setInterval(function(){
speed = (target - dom.offsetLeft)/7;//控制速度大小
speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed);
//大于零向上取整,小于零向下取整(像素值会忽略小数)
if(dom.offsetLeft == target){
clearInterval(timer);
}else{
dom.style.left = dom.offsetLeft + speed + 'px';
}
},40)//间隔时间自定义
};