053JS-水平垂直移动动画animate.js+animatey.js

animate

// 1、让盒子每次移动的距离慢慢变小，速度就会慢慢落下来。
// 2、核心算法：（目标值-现在的位置）/10作为每次移动的距离 步长
// 停止的条件是：让当前盒子位置等于目标位置停止定时器
// obj动画对象和target移动到的距离 
function animate(obj,target,callback){
   
// 先清除以前的定时器，只保留当前的一个定时器执行
clearInterval(obj.timer);
obj.timer=setInterval(function(){
   
    // 步长值写到定时器的里面
    // 把我们步长值改为整数 不要出现小数问题
    // 前进后退两种取整方式
    var step =