缓冲运动以及方法的封装

缓冲运动：速度由快到慢的一种运动形式，常见于轮播图；现封装一个小插件，方便实现不同元素，实现不同样式的缓冲变化：

//获取非行间样式
function getStyle(ele,attr){
    return ele.currentStyle ? ele.currentStyle[attr] : getComputedStyle(ele,null)[attr];
}

function move(ele,json,fn){      //json的接收  {10900} 
                                 //加入回调函数fn（结合开关门） 可以实现多个功能的有序实现
    //清除定时器
    clearInterval(ele.timer);
    //开启定时器
    ele.timer = setInterval(function(){
        var mStop = true;
        //遍历json
        for(attr in json){
            //获取变换的属性的值
            var iCur = getStyle(ele,attr);
            //判断是否为透明
            if(attr == 'opacity'){
                iCur *= 100;
            }else{
                iCur = parseInt(iCur);
            }
            //设置速度
            var speed = (json[attr] - iCur) / 8;   //系数8可以更改为其他值,调整速度
            //速度取整
            speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed);
            //判断
            if(iCur != json[attr]){
                mStop = false;
            }
            //运动的逻辑
            if(attr == 'opacity'){
                ele.style.opacity = (iCur + speed) / 100;
                ele.style.filter = 'alpha(opacity='+(iCur + speed)+')'
            }else{
                ele.style[attr] = iCur + speed + 'px';
            }
        }

        if(mStop){
            clearInterval(ele.timer);
            if(fn){
                fn();
            }
        }
    },30)
}

//调用示例：
/*
   move(div,{"width":"400","height":"400"},function(){
       move(div,{"fontSize":"30"})
   })
*/