jQuery UI API - Easings
Easing 函數(shù)指定動(dòng)畫在不同點(diǎn)上的行進(jìn)速度。jQuery 核心帶有兩個(gè) easings:一個(gè)是 linear
,整個(gè)動(dòng)畫以一個(gè)不變的速度行進(jìn);另一個(gè)是 swing
(jQuery 核心默認(rèn)的 easing),行進(jìn)速度在動(dòng)畫開始和結(jié)束時(shí)比在動(dòng)畫中間時(shí)稍慢。jQuery UI 提供了一些額外的 easing 函數(shù),范圍從擺動(dòng)行為上的變化到定制特效,比如彈跳。
一些 easings 會(huì)在動(dòng)畫中產(chǎn)生負(fù)值。根據(jù)動(dòng)畫的不同屬性,實(shí)際值可能為零。例如,您可以把 left
取為負(fù)值,但是不能把 height
或 opacity
取為負(fù)值。
想要更好地理解一個(gè) easing 如何影響一個(gè)動(dòng)畫,需多花時(shí)間研究方程圖。請(qǐng)看下面所列出的 jQuery UI 中所有可用動(dòng)畫的曲線圖。
更多建議: