目标移动函数

获取函数样式

function getStyle(obj,attr){
	if(obj.currentStyle){
	   return obj.currentStyle[attr]
	}else{
	     return getComputedStyle(obj)[attr]
	}
 }

目标移动函数

//定义定时器
var timer = null
function move(obj,attr,step,target){
   //判断step 正负
   step = parseInt(getStyle(obj,attr))>target ? -step :step;
//清除定时器
   clearInterval(timer)
   timer = setInterval(function(){

     //获取元素位置
     var current = parseInt(getStyle(obj,attr)) + step
     //判断移动方向及位置
     
     if(current<target && step<0 ||current>target && step>0){
        clearInterval(timer)
        current = target
       }
         box.style[attr] = current +'px'
   },50)
}