JS动画 - 我的语法有问题

Question

您能告诉我我的语法有什么问题吗？

这有效：

$("#grow").animate({height: "500px"}, "slow");

但这不起作用：

$("#grow").animate({height: "500px"}, {duration: "3000", easing:"easein"});

感谢;

Answer 1

您的第二个参数不应该是一个对象，而是jQuery animate docs

中显示的两个独立参数

$("#grow").animate({height: "500px"}, "3000", "easein");

Answer 2

缓动不是默认选项swing和linear。

$("#grow").animate({height: "500px"}, {duration: "3000", easing:"swing"});

您可以使用插件获取更多缓动选项： https://github.com/gdsmith/jquery.easing

Answer 3

$（“＃grow”）。animate（{height：“500px”}，3000，“easein”}）;

Answer 4

首先，确保你有jQuery和jQueryUI，因为缓动来自jQueryUI。

http://api.jqueryui.com/easings/

然后试试这个：

$("#grow").animate({height: "500px"}, {duration: 3000, easing: "easeInQuad"});