javascript运动框架

//运动框架
function sportFrame(obj,json,fun){
    var timer;
    clearInterval(obj.timer);
    obj.timer=setInterval(function(){
        var Stop=true;
        for(var name in json){
            var val=0;
            //判断是不是透明度
            if(name=='opacity'){
                val=Math.round(parseFloat(cssStyle(obj,name))*100);
            }else{
                val=parseInt(cssStyle(obj,name));
            }
            //缓冲速度
            var speed=(json[name]-val)/10;
            speed=speed>0?Math.ceil(speed):Math.floor(speed);
            if(val!=json[name]){
                if(name=="opacity"){
                    obj.style.filter='alpha(opacity：'+val+speed+')';//IE
                    obj.style.opacity=(val+speed)/100;
                }else{
                    cssStyle(obj,name,val+speed+'px');
                }
            }
        }
        //判断是否达到终点
        if(Stop){
            clearInterval(timer);        
            if(fun){
                fun();
            }
        }    
    },30);
}

//获取属性值和设置属性值框架
function cssStyle(obj,prop,value){
    //style只能获取写在html标签中的写在style属性中的值（style=”…”），
    //而无法获取定义在<style type="text/css">里面的属性
    //currentStle,getComputedStyle方法可以获取内联或者外部的样式
    //获取样式
    if(arguments.length==2){
        if(obj.currentStyle){
            return obj.currentStyle[prop];  //IE
        }else{
            return getComputedStyle(obj,false)[prop];  //Fire
        }
    }
    //设置样式
    else{
        if(arguments.length==3){
            obj.style[prop]=value;
        }
    }
}

 

转载于:https://www.cnblogs.com/wgj32/p/5700368.html