js 缓冲运动

缓冲运动就是运动的速度越来越慢，直到到达目标位置停止
实现原理和上一篇文章淡入淡出相似，都是动态的修改某个值
缓冲运动就是动态的修改left值

//改代码放在定时器中
//定时器每次执行，div的offsetLeft都会不同，这样spped就会越来越小，就实现了速度越来越慢
speed = (target-div1.offsetLeft)/8;
//Math.ceil 向上取整
//Math.floor 向下取整
//因为speed 通过计算会是小数，在后面的代码中会进行比较大小，这样就会导致div可能没有正好停留在目标位置
//speed 小于0，就是向左运动
//speed 大于0，就是向右运动
speed =speed >0?Math.ceil(speed ):Math.floor(speed );

最后修改div的left即可

div1.style.left = div1.offsetLeft+speed+"px";