运动框架

完美运动框架

function getStyle(obj,attr)
{
    if(obj.currentStyle)
    {
        return obj.currentStyle[attr];
    }
    else
    {
        return getComputedStyle(obj,false)[attr];
    }
}

function move(obj,json,fn)
{
    clearInterval(obj.timer);
    obj.timer=setInterval(function(){
    var dd=true;
    for(var attr in json)
    {
        var current=0;
        if(attr=='opacity')
        {
            current=parseInt(parseFloat(getStyle(obj,attr))*100);
        }
        else
        {
            current=parseInt(getStyle(obj,attr));
        }
    
    
        speed=(json[attr]-current)/8;
        speed=speed>0?Math.ceil(speed):Math.floor(speed);
        
        if(current!=json[attr])
        {
            dd=false;
        }
        

        
            if(attr=='opacity')
            {
                obj.style.filter='alpha(opacity:'+(current+speed)+')';
                obj.style.opacity=(current+speed)/100;
            }
            else
            {
            obj.style[attr]=current+speed+'px';
            }
                    
    }
    
            if(dd)
            {
                clearInterval(obj.timer);
                if(fn)
                {
                    fn();
                }
                
            }
    },30);
}