jquery - 用 jquery 加速移动元素

Question

移动一个物体很简单。想象一下：

 $("#myelement").animate({left:'+=200'},2000);

问题是我希望我的元素开始缓慢移动并在此过程中不断加速。

有谁知道如何做到这一点？

Answer 1

http://gsgd.co.uk/sandbox/jquery/easing/

您需要使用 jQuery 缓动插件，并使用 EASE IN 选项。我推荐“easeInExpo”，但您可以在这里看到所有选项：http: //jqueryui.com/demos/effect/easing.html

如果您只需要放松，我认为 jQuery ui（内置插件）是矫枉过正的。您可以以精简的形式使用该插件。

它看起来像这样：

$("#myelement").animate({left:'+=200'},2000, 'easeInExpo');

您可能还喜欢“easeInCubic”

Answer 2

animate函数有一个缓动选项。您可以加载一个预定义的或自己制定一个，以达到您想要的效果。

这些是一些我使用的非常好的预先构建的。