jQuery UI API – Easings

最后更新于：2022-03-26 23:47:15

jQuery UI API – Easings

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

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

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