封装运动框架

封装运动框架

function getStyle(obj,attr){
    return obj.currentStyle?obj.currentStyle[attr]:getComputedStyle(obj)[attr]
}
var timer;
function move(obj,target,speed,callback){
    var len = parseInt(getStyle(obj,speed));
    clearInterval(timer)
    timer = setInterval(function(){
        var step = len<target?10:-10
        len+=step;  //
        // 运动的边界 
        if((len>=target && step>0) || (len<=target && step<0 )){
            len = target;
            clearInterval(timer)
        }
        obj.style[speed] = len+'px';
        //回调函数
        if(len == target){
        clearInterval(timer);
        callback && callback()
        }
    },10)
}