普通版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);

}

 

posted @ 2018-09-28 15:07  陌小江  阅读(146)  评论(0编辑  收藏  举报