Jquery.animate（）在结尾处减速

我有一个jQuery函数，如下所示：

$（此）。设置动画({ 宽度：100+‘像素’ }, 300);

如何使动画在接近尾声时减速？比如说500毫秒？

您需要使用

的剩余参数 .animate（）是一个字符串，用于命名 易用功能。缓和 函数指定运行时的速度 动画以不同的速度进行 动画中的点。唯一的 简化jQuery中的实现 库是默认值，称为swing， 一个以恒定速度前进的过程 速度，称为线性。更宽松 功能随使用而提供 插件，最著名的是jQuery 用户界面套件

jQuery用户界面

因此，您的示例如下：

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

---

我相信你正在寻找某种缓解效果。看看高级宽松效应。默认情况下，jQuery只附带swing和linear。jQuery API说：

• 属性：动画将向其移动的CSS属性的映射

• 持续时间：确定动画将运行多长时间的字符串或数字

• 缓和：一个字符串，指示过渡使用哪个缓和函数

• 完成：动画完成后调用的函数

缓和函数指定动画在动画中不同点的进展速度。jQuery库中唯一的实现是默认的，称为swing，以及一个以恒定速度进行的，称为linear的实现。插件的使用提供了更多的简化功能，最显著的是jQueryUI套件

---

因此，如果您想要更多的控制，那么您的实现已经慢到动画结束，使用UI动画插件

jQuery UI使用easing插件；-）当我下载jQueryUI时，我应该只检查“效果”部分吗？效果核心是您所需要的全部。扩展了jQuery的内部效果，包括变形、缓和以及所有其他效果所需的效果。谢谢，我一直觉得我必须创建自己的缓和效果=/