jQuery UI API - Easings

Easing 函數(shù)指定動畫在不同點上的行進速度。jQuery 核心帶有兩個 easings:一個是 linear,整個動畫以一個不變的速度行進;另一個是 swing(jQuery 核心默認的 easing),行進速度在動畫開始和結(jié)束時比在動畫中間時稍慢。jQuery UI 提供了一些額外的 easing 函數(shù),范圍從擺動行為上的變化到定制特效,比如彈跳。

一些 easings 會在動畫中產(chǎn)生負值。根據(jù)動畫的不同屬性,實際值可能為零。例如,您可以把 left 取為負值,但是不能把 heightopacity 取為負值。

想要更好地理解一個 easing 如何影響一個動畫,需多花時間研究方程圖。請看下面所列出的 jQuery UI 中所有可用動畫的曲線圖。