jQuery UI API - Easings


Easing 函数指定动画在不同点上的行进速度。jQuery 核心带有两个 easings:一个是 linear,整个动画以一个不变的速度行进;另一个是 swing(jQuery 核心默认的 easing),行进速度在动画开始和结束时比在动画中间时稍慢。jQuery UI 提供了一些额外的 easing 函数,范围从摆动行为上的变化到定制特效,比如弹跳。


一些 easings 会在动画中产生负值。根据动画的不同属性,实际值可能为零。例如,您可以把 left 取为负值,但是不能把 heightopacity 取为负值。

想要更好地理解一个 easing 如何影响一个动画,需多花时间研究方程图。请看下面所列出的 jQuery UI 中所有可用动画的曲线图。