javascript - 使用 jQuery/javascript 的对象位置动画

Question

我想知道是否有一种方法可以为 div（箭头的图像）设置动画，使其出现在页面中间，然后指向我想要的任何对象（朝它旋转）并朝它移动。有点显示某物的位置。

jQuery 能够制作这样的动画还是我应该研究其他库？

Answer 1

如何居中：使用 jQuery 将 DIV 在屏幕上居中

如何旋转：在 jQuery 中旋转一个 Div 元素

因为它只是一个简单的形状，所以我推荐 raphaeljs。这适用于大多数浏览器（甚至 IE 6）。

Answer 2

是的 jquery 能够提供这种类型的动画，你可以用.animate()jquery 的方法制作动画。http://docs.jquery.com/Effects/animate

将箭头应该移动的代码（它的目标位置）放在该.animate方法中。例如。.animate在方法中使用它

$('#arrow').css({
 '-moz-transform':'rotate(80deg)',
 '-webkit-transform':'rotate(80deg)',
 '-o-transform':'rotate(80deg)',
 '-ms-transform':'rotate(80deg)'
});

有可用于旋转的示例，

现场旋转和其他 css 演示精彩 http://css3please.com/

http://www.zachstronaut.com/posts/2009/02/17/animate-css-transforms-firefox-webkit.html