壹、何為緩動效果緩動效果在任何軟件上都是常用的，尤其是在web開發裏。所謂緩動效果，即是說元素的運動不是勻速的，而是由快到慢或者由慢到快這樣變化的。緩動效果可以使得頁面看起來更豪華，提高網頁的質量。 二、原理我的這種緩動效果的實現方法來源於大家都非常熟悉的Flash。在創建動畫補間的時候，下面會有緩動的選項：改變右邊緩動的數值可以實現緩動效果，數值為正的時候就先快後慢，數值為負則先慢後快。點擊右邊的編輯就會看到壹條關於緩動程度的壹條曲線。緩動數值為零時，緩動曲線為壹條直線，這種情況下的運動為勻速運動：緩動數值為正（100）時，緩動曲線如下，這種情況下的運動為先快後慢： 緩動數值為負（-100）時，緩動曲線如下，這種情況下的運動為先慢後快： 通過這三幅圖，就可以得出緩動效果的原理了。註意：每張圖的橫坐標是這個動作的幀數，縱坐標是補間完成的百分比。說通俗壹點就是：橫坐標是時間，縱坐標是位移。那麽這條線所表示的不正是這個對象移動的速度嗎？這也恰好印證了緩動值不同的三種情況的運動狀態。 三、Javascript實現通過觀察，我認為可以用拋物線的函數曲線來表達緩動曲線。 同樣的，在js移動html對象的時候，也可以讓對象的速度來遵循這個曲線。為了將這個邏輯通用，寫了如下方法，通過eval和各種參數，來給對象具體的數值賦值，這可以是位移的像素，也可以是透明度。
上一篇:對於實對稱矩陣，用QR算法編寫其程序，並用所編寫的程序求矩陣的全部特征根下一篇:菜鳥網絡為什麽能成為全球十大獨角獸公司之壹？