UtilJS.DOMUtil = function(){};

    /**
     * 获取元素当前的样式（即计算后的样式）
     * 
     * @param  {Element} element  目标元素
     * @param  {String} attrName 指定样式属性的名称
     * @return {String}          指定样式属性的值
     */
    UtilJS.DOMUtil.getSpecifiedStyleOnElement = function(element, attrName){
        if(getComputedStyle){
            return getComputedStyle(element, null)[attrName];//只能用[]，却不能用getPropertyValue，为啥？？？
        }
        else{
            return element.currentStyle[attrName];
        }
    };
    UtilJS.AnimationUtil = function(){};
    /**
         * 封装几种常见CSS样式属性变化的运动（1个或几个CSS属性的同时缓冲运动，通过endFun参数可以变为链式缓冲运动）
         * 
         * @param  {Element} element     目标元素
         * @param  {String} attrName    样式名
         * @param  {Number} targetValue 运动结束的条件-目标值
         * @param  {Number} msec        运动定时器的间隔时间
         * @param  {Function} endFun      可选，定时器结束后触发该函数
         */
        UtilJS.AnimationUtil.changeElementStyleAtVariableSpeed = function(element, attrName, targetValue, msec, endFun){
            //给元素绑定一个定时器数组对象（该元素每一个需要改变的样式对应一个定时器）
            if(!element.timers)
                element.timers = {};

            //给需要运动的元素添加定时器属性
            if(!element.timers[attrName]){
                element.timers[attrName] = null;
            }
            else
                clearInterval(element.timers[attrName]);

            //判断是否为“透明度运动”
            if(attrName == "opacity"){
                var isOpacityAttr = true;
                if(!element.alpha)
                    element.alpha = Math.round(parseFloat(UtilJS.DOMUtil.getSpecifiedStyleOnElement(element, attrName)) * 100);
            }

            //定时器函数
            element.timers[attrName] = setInterval(function(){
                //1.获取目标元素的指定的样式值
                if(isOpacityAttr)
                    var styleValue = Math.round(parseFloat(UtilJS.DOMUtil.getSpecifiedStyleOnElement(element, attrName)) * 100);
                else
                    var styleValue = parseInt(UtilJS.DOMUtil.getSpecifiedStyleOnElement(element, attrName));

                //2.计算缓冲运动的速度
                var speed = (targetValue - styleValue) / 8;
                speed = speed>0 ? Math.ceil(speed) : Math.floor(speed);

                //3.运动结束判断
                if(styleValue == targetValue){//3.1运动结束
                    clearInterval(element.timers[attrName]);
                    if(endFun && (typeof endFun == "function"))
                        endFun();
                }
                else{//3.2运动没有结束
                    if(isOpacityAttr){
                        element.alpha += speed;
                        element.style.filter = "alpha(opacity:" + element.alpha + ")";
                        element.style.opacity = element.alpha / 100;
                    }
                    else{
                        element.style[attrName] = styleValue + speed + "px";
                    }
                }
            }, msec);
        }
    }

1. 老师的这个运动框架不能说完美，应该适合于解决几种常见CSS样式属性变化的情况；
   

2. 上面的代码，包括缓冲运动、链式运动和同时运动；