获取函数样式
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)
}