jquery缓动图

Question

刚刚找到了jQuery Easing插件的插图（graphical） http://james.padolsey.com/demos/jquery/easing/

这些图表完全代表什么。

我曾多次尝试/分析Easing插件，但我从来不知道它是如何运作的

有人可以解释我如何弄清楚

Answer 1

这样想吧......

• 方框的左下角是动画的起点。
• 右侧是动画的终点。越高，越远离起点。
• 底部（或顶部）的长度显示总动画时间已经过去了多少。
• 缓动功能决定如何在距离超过两点之间设定的动画时间的距离内为元素设置动画，或速率为距离/时间。

因此，如果您看到绘制的水平线或曲线接近水平线，则不会有任何动画（或最小值），因为距离未随时间变化。

线条越陡（向上或向下），元素越远越远。

Answer 2

这是动画的初始速度，中速和最终速度。

Answer 3

阅读段落 - 它解释了图表所代表的内容。