如何构建自定义jQuery放松/反弹动画？

我熟悉jqueryanimate函数，也经历了各种各样的过程。不幸的是，它们中没有一个显示为我正在寻找的相同动画效果，所以有可能创建自己的缓和功能吗

我正在尝试的动画可以在顶部的动态加载产品小部件上看到。最初的项目似乎从顶部滑入，然后在着陆到位后产生反弹效果。是否可以使用自定义jQuery代码重新创建这种风格？或者可能构建自己的第三方easy功能

我已经包括了一个屏幕，我所说的，希望有人可以提供一个解决方案。提前感谢：）

请参见我的

主要思想是使用效果执行两个连续动画：

HTML:

<div class='left'></div>
<div class='center'></div>
<div class='right'></div>

---

看看这个-它应该帮助您了解如何构建或向缓和功能添加缓和类型。查看此页面的任何人，页面上的动画javascript位于，动画添加在addVendorEventListener行（“animationStart”，m）；对于产品网格中的每一个元素，您给出的示例页面在IE中的工作方式与在IE中的不一样（见第10版），这表明它实际上（大部分）是CSS动画。实际上，只有少数项目使用JavaScript/JQuery设置了动画，例如包含产品类别的单个div滑入视图，底部的插入符号似乎也使用JS设置了动画。请查看，看看其中是否有适合您的需要的，或者您是否可以根据其中描述的CSS动画/转换技术“滚动您自己的”。@FarrukhSubhani-看起来它是通过CSS动画完成的：

第169行

到

第340行

。@Derek谢谢您，这似乎是正确的。。我很有信心这个动画是基于JS构建的，但是我必须使用源代码来处理。这是一个很好的jQuery解决方案，谢谢。享受赏金吧！在寻找使用CSS3关键帧的解决方案时，我将打开另一个问题。

$('div.left').animate({top: 410, left: 10}, 300, "easeOutCubic", function(){
    $('div.left').animate({top: 400, left: 20}, 300, "easeOutCubic");
});

$('div.center').animate({top: 420}, 300, "easeOutCubic", function(){
    $('div.center').animate({top: 400}, 300, "easeOutCubic");
});

$('div.right').animate({top: 410, right: 10}, 300, "easeOutCubic", function(){
    $('div.right').animate({top: 400, right: 20}, 300, "easeOutCubic");
});