jquery - 時計回りに要素を移動するjquery

Question

jqueryは非常に新しいので、中央に正方形があり、その周りに4つの長方形があるコンテナ（それぞれが別の色）を持つページを作成します。私がやりたいのは、アニメーションで時計回りに動かすことです。ガイダンスが必要なだけです。jqueryで要素を回転させる方法や、適切な場所を変更する方法がわからないためです。

アイデアはありますか？（本当にローテーションが必要かどうかわかりません）

Answer 1

すべての要素を回転させたいと仮定して、このフィドルを確認します。

http://jsfiddle.net/zuul/VBN5W/3/

背景色は、進行中のワットをより適切に視覚的に表現できるようにするために使用されていることに注意してください。

編集：

番号付けされた要素のみが回転するバージョンになりました。

http://jsfiddle.net/zuul/VBN5W/4/

Answer 2

4つの長方形をdivに配置し、内側の各長方形をエッジにバインドしてから、jQuery-Rotateを使用してコンテナを回転させます。