之前經常寫運動函式，要寫好多好多，後來想辦法封裝起來。（運動緩衝）。

 /*

     物體多屬性同時運動的函式

     obj：運動的物體

     oTarget：物件，屬性名為運動的樣式名，屬性值為樣式運動的終點值

     ratio：速度的係數

 */

 function bufferMove(obj, oTarget, fn,ratio = 8) {

     clearInterval(obj.iTimer);

     obj.iTimer = setInterval(function () {

         // 此處設定開關bBtn，假設所有的屬性均已運動完畢true

         var bBtn = true;

         for(var sAttr in oTarget){

             // 獲取當前值，此處相容透明度的變化

             if(sAttr === 'opacity') {

                 var iCur = parseFloat(getStyle(obj, sAttr) * 100);

             } else {

                 var iCur = parseInt(getStyle(obj, sAttr));

             }

             // 計算速度，此處可判定方向，如向左或向右，先透明後出現或先出現後透明等

             var iSpeed = (oTarget[sAttr] - iCur) / ratio;

             iSpeed = iSpeed > 0 ? Math.ceil(iSpeed) : Math.floor(iSpeed);

             // 計算下一次的值

             var iNext = iCur + iSpeed;

             // 賦值給對應樣式

             if(sAttr ==='opacity') {

                 obj.style.opacity = iNext / 100;

                 obj.style.filter = 'alpha(opacity=' + iNext +')';

             } else {

                 obj.style[sAttr] = iNext + 'px';

             }

             // 清除定時器，當前的位置和終點值是否相等，相等則說明結束

             if(iNext !== oTarget[sAttr]) {

                 bBtn = false;

             }

         }

         // 如果bBtn的值為true，則說明所有的屬性均已運動完畢，回撥函式fn()

         if(bBtn) {

             clearInterval(obj.iTimer);

             if(fn){

                 fn();

             }

         }

     }, 50);

 }

以上封裝函式也可以用於單個屬性，多樣式運動，比如：

bufferMove(obj,{"left":200,"width":400,"opacity":80},fn,8)；

就這樣。