如何随时间改变 jQuery 显示/隐藏的速度？答案

【问题标题】：How do I change the speed of a jQuery show/hide over time?如何随时间改变 jQuery 显示/隐藏的速度？
【发布时间】：2010-01-31 06:05:43
【问题描述】：

我想进行常规的 jQuery 显示/隐藏，例如 slideDown 方法： $('p').slideDown('fast'); 并使其在接近结尾时变慢，提供与默认线性速率相反的动画效果。我忘记了这是怎么做到的。以某种方式通过回调函数？

【问题讨论】：

【解决方案1】：

你指的是缓和。这在一些 jQuery 效果中可用，但不是全部。早在 2009 年，LearningjQuery.com 就这个主题发表了一篇文章，展示了如何将它添加到 jQuery 动画中：http://www.learningjquery.com/2009/02/quick-tip-add-easing-to-your-animations

【讨论】：

【解决方案2】：

它被称为“缓动”，jQuery 支持两种缓动方法：“swing”（默认）和“linear”。您可以通过单独使用the easing plugin 或 jquery ui 核心（其中还包括缓动插件）来实现您想要的。该网站有许多如何使用它的示例。

添加插件后，您可以像这样使用它：

$('p').slideDown('fast', "easeOutQuart");

【讨论】：

【解决方案3】：

See this please. 您可以使用slideToggle 函数并像这样指定速度：

 slideToggle('slow');
 slideToggle('fast');
 slideToggle('2000');

【讨论】：