首页 > 技术文章 > 普通版js运动框架

xiaojiangk 2018-09-28 15:07 原文

//获取样式
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);

}

 

推荐阅读