Latest web development tutorials

jQuery UI API – Easings

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

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

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