使用jQuery/javascript對象位置動畫

Question

我想知道是否有一種方法來爲div創建動畫（箭頭的圖像），以便它出現在頁面中間，然後指向我想要的任何對象（旋轉朝向它）並朝它邁進。顯示某物的位置。

是jQuery能夠這樣的動畫，還是我應該看看其他庫？

Answer 1

如何中心：Using jQuery to center a DIV on the screen

如何旋轉：Rotating a Div Element in jQuery

因爲它只是一個簡單的形狀，我建議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)' 
}); 

有例子可用於旋轉，

live rotate and other css demo brillian http://css3please.com/

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