封装缓动框架

function animate(obj,json,fn){
    clearInterval(obj.timer);
    obj.timer = setInterval(function () {
        //开闭原则
        var flag = true;
        for(var k in json){
            //获取该元素的属性值，然后取整（主要就是去除px）
            var leader = 0;
            var target = 0;
            //特殊的属性值，获取完毕后特殊处理。
            //for循环中的json[k]代表的是(属性值)；那么k代表的是（属性名）
            if( k =="opacity"){
                //如果属性名为opactiy那么获取该属性，放大100倍后取整，方便以后IE678的处理
                leader = Math.round(getStyle(obj,k)*100) || 100;
                target = json[k]*100;
            }else{
                leader = parseInt(getStyle(obj,k)) || 0;
                target = json[k];
            }
            var step = (target - leader)/10;
            step = step>0?Math.ceil(step):Math.floor(step);
            leader = leader+step;
            //我们要给传递过来的属性赋值
            if(k=="opacity"){
                //如果属性为opacity,那么先把值缩小100倍，在赋值
                obj.style.opacity = leader/100;
                //第二部处理透明度
                obj.style.filter = "alpha(opacity="+leader+")";
            }else if(k == "z-index"){
                //如果属性值为z-index,那么一次性赋值，不要缓动
                obj.style.zIndex = json[k];
            }else{
                obj.style[k] = leader+"px";
            }
            console.log(1)
            //不会的举手！（没到达，目标位置的说话，告诉程序不允许清除定时器）
            //如果属性是透明度的时候，要把值先放大100倍然后四射五入取整后比较
            if(k == "opacity"){
                if(leader != Math.round(json[k]*100)){
                    flag = false;
                }
            }else{
                if(leader != json[k]){
                    flag = false;
                }
            }
        }
        //所有属性都到到了目标位置，才清除定时器
        if(flag){
            clearInterval(obj.timer);
            //清除定时器以后，在执行fn这个函数
            if(fn){
                fn();
            }
        }
    },30);
}
//获得某个元素的属性值
function getStyle(obj,index){
    if(window.getComputedStyle){
        return window.getComputedStyle(obj,null)[index];
    }
    return obj.currentStyle[index];
}