javascript - 使用 Jquery ui 效果动画圣诞装饰品

Question

您好，我正在玩 jquery ui 效果并尝试制作一些圣诞装饰品的动画。这个想法是，如果您将鼠标悬停在它们上方，它们就会摆动。并像真正的装饰品一样从图像顶部(绳子的顶部)的中点摆动，而不仅仅是整个图像来回移动。

到目前为止我所拥有的是: http://jsfiddle.net/9ceeW/

它在单击时显示，当我在悬停时显示它们时效果不佳或不真实。

这是我第一次涉足 jquery 动画，我不太确定下一步该怎么做。任何帮助将不胜感激。

谢谢!

Answer 1

你可以使用来自

的插件

• > http://www.zachstronaut.com/posts/2009/02/17/animate-css-transforms-firefox-webkit.html
• 添加自定义动画队列，如A non-nested animation sequence in jQuery?
• 你最终会在 http://jsfiddle.net/gaby/9ceeW/8/ 得到动画圣诞舞会

---

更新

已更新以允许多个球同时设置动画。http://jsfiddle.net/gaby/9ceeW/9/