普通版js运动框架

//获取样式
function getStyle(obj){

    if(obj.currentStyle){

        return obj.currentStyle[attr];

    }else{

        return getComputedStyle(obj,false)[attr];

    }

}

var speed = 0;
var timer = null;
function StartMove(obj,attr,target){

    clearInterval(timer);
    timer = setInterval(function (){

        var oDiv = document.getElementById(obj);
        var iCur = parseInt(getStyle(oDiv,attr));

        //弹性运动 + 摩擦
        speed += (target - iCur) / 8;
        speed *= 0.8;

        if(iCur >= target){
            clearInterval(timer);
        }else{
            oDiv.style[attr] = iCur + speed + "px";
        }

        document.title = speed;

    },30);

}

 

转载于:https://www.cnblogs.com/xiaojiangk/p/9718672.html