jQuery .animate（）最后变慢

Question

我有这样的jQuery函数：

$（this）.animate（{width：100 +'px'}，300）;

如何使动画的播放速度减慢到最后？说大概500毫秒？

Answer 1

您将需要使用缓动

.animate() 的剩余参数是一个字符串，命名要使用的缓动函数。缓动函数指定动画在动画内不同点处进行的速度。jQuery 库中唯一的缓动实现是默认的，称为 swing，以及以恒定速度进行的缓动实现，称为 Linear。使用插件可以提供更多缓动功能，尤其是 jQuery UI 套件。

jQuery Ui缓动演示

所以你的例子是这样的：

$(this).animate({ width:100+'px' }, 300, "someEasingFunction");