使用jQuery / javascript的對象位置動畫

Question

我想知道是否有一種方法可以使div（箭頭圖像）動起來，使其顯示在頁面中間，然后指向我想要的任何對象（朝它旋轉）並朝它移動。 顯示某種東西的位置。

jQuery是否具有這種動畫功能，還是應該研究其他庫？

Answer 1

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

如何旋轉： 在jQuery中旋轉Div元素

由於它只是一個簡單的形狀，因此我建議使用raphaeljs。 在大多數瀏覽器（甚至是IE 6）中都可以使用。

Answer 2

是的，jquery能夠提供此類動畫，您可以使用jquery的.animate()方法制作動畫。 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演示Brillian http://css3please.com/

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