简单animate方法的封装

最新推荐文章于 2020-09-06 22:21:12 发布

weixin_33962621

最新推荐文章于 2020-09-06 22:21:12 发布

阅读量140

点赞数

文章标签： json

原文链接：http://www.cnblogs.com/summer0319/p/6052590.html

版权


function animate(ele,json,fn){
    clearInterval(ele.timer);
    ele.timer = setInterval(function () {
        var bool = true;
        console.log(1);
        for(var k in json){
            if(k == "opacity"){
                var leader = getStyle(ele,k)*100||0;
                var step = (json[k]*100-leader)/10;
                step = step>0?Math.ceil(step):Math.floor(step);

                ele.style[k] = (leader+step)/100;
　　　　　　　　//兼容IE678
                ele.style.filter = "alpha(opacity = "+(leader+step)+")"
                console.log(getStyle(ele, k));
                if( getStyle(ele,k) != json[k] ){
                    bool = false;
                }

            }else if(k=="z-index"){
                ele.style.zIndex=json[k];
            }else{
                var leader = parseInt(getStyle(ele,k))||0;
                var step = (json[k]-leader)/10;
                step = step>0?Math.ceil(step):Math.floor(step);

                ele.style[k] = step+leader+"px";

                if(parseInt(getStyle(ele,k))!=json[k]){
                    bool = false;
                }
            }
        }
        if(bool){
            clearInterval(ele.timer);
            if(fn){
                fn();
            }
        }
    },60)
}