如何构建自定义jQuery缓动/反弹动画？
如何构建自定义jQuery缓动/反弹动画？
提问于 2013-01-23 00:17:48
我熟悉jQuery动画功能，我也经历过各种jQuery UI easing functions。不幸的是，它们看起来都不是我想要的动画效果，所以有没有可能创建你自己的缓解功能呢？
我正在尝试的动画可以在顶部带有动态加载的products小部件的Apple Mac webopage上看到。最初的项目似乎是从顶部滑入，然后在落地后产生反弹效果。是否可以使用自定义jQuery代码重新创建这种轻松风格？或者有可能构建自己的第三方简单函数？
我已经包含了我正在讨论的内容的屏幕，希望有人能提供解决方案。提前感谢:)
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-01-28 12:45:08
查看我的
其主要思想是使用效果执行两个连续的动画：
HTML：
<div class='left'></div>
<div class='center'></div>
<div class='right'></div>JS：
$('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");
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14463091
复制相关文章
相似问题
腾讯云开发者
