Javascript 如何使动画制作越来越快？

如何使动画制作越来越快

您可以通过查看代码来查看。我总是以相同的速度获得动画效果。但我想有一个动画效果，一开始很慢，然后很快。你怎么能做到？我还想知道如何先慢一点，然后在中间快一点，然后再慢一点。

$('.menu').animate({left : '0px'}, 500);

---

我认为你提到的那些动画效果如下，你可以交叉检查，看看这些是否是预期的效果

轻松

：开头慢，结尾快/突然

放松

：开始时快速/突然，结束时缓慢

<>代码>在中的变化：变化在开始和结束时都发生得很慢，只在某个地方加速。

更多指 或

但是，要使用JQuery动画功能，您可以将上面的任何效果与JQuery动画功能结合起来，如下所示

$（'.menu'）.animate（{left:'0px'}，500，“easein”），并对语法进行了调整

只有当你提供一个插件来提供放松功能时，这才有效。更多关于
 
animate（）
方法的第三个参数是
easing
，它定义了动画的前进方式。默认设置（
“swing”
）开始缓慢，加速，结束缓慢，正如您所描述的。要允许其他选项，可以包括。请注意，如果你只想激活一个项目的位置，你应该明确地考虑使用CSS动画，特别是 Trime/Cux>属性。你如何使动画变得越来越快？您可以使用
.animate（）
方法的
参数来完成。你需要一个插件或jQueryUI。
易用
先慢后快虽然我相信CSS动画在可能的情况下更可取，但我不确定这是否回答了这个问题。OP询问了
animate（）
，单独标记
jQuery
和
JavaScript
；你的回答没有涉及到这些。对不起，我没有说清楚。更新了我的答案。您提到的CSS动画和链接文档与jQuery毫无关系。有些可能共享一个通用名称，但jQuery不使用CSS动画作为参数。你的回答涉及jQuery文档的正确路径，但前半部分是相当误导的。OP构建问题的方式让我认为他不知道CSS中已经提供的动画效果，也可以在动画功能中交叉使用，这就是为什么我要向他展示能够满足他需求的动画效果。但是yea jQuery将使用不同的语法来表示删除连字符所使用的名称。