用加速的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（）的剩余参数是一个命名要使用的缓动函数的字符串。缓动函数指定动画在动画中的不同点处进行的速度。 jQuery库中唯一的缓动实现是默认的，称为swing，以及一个以恒定速度进行的实现，称为线性。使用插件可以获得更多的缓动功能，尤其是jQuery UI套件。

http://api.jquery.com/animate/

这是你需要的吗？

Answer 3

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

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