jQueryを使用して要素を曲線として配置する方法.each（）

Question

これはベジェ曲線に沿って要素を配置するためのプラグインがあることを知っているので、少し珍しい要求ですが、これらのメソッドは、このアプリケーションには適用されません。

jQueryの各関数を使用して一連の要素を反復処理し、左から下へ上にカーブする曲線をエミュレートする必要があります。そのよう

： -

O 
O 
O 
O 
O 
O 
    O 

私は、依存CSS leftプロパティを動作するように.size（）

そして、この番号から

は、計算を実行を使用して、変数の要素数を保存する必要があります要素のインデックスに基づいています。

数学は私の強みではないので、使用する式に拘束されていますし、jQuery .each（）を使用して各要素を繰り返し処理し、各要素にCSSの変更を適用する方法について説明します。

要素の数が動的に変化するため、要素の数と各要素のインデックスの両方を数式に含める必要があります。

jQueryでこれをコーディングする方法について、誰も私に少なくとも出発点を教えてもらえますか？ （またはjqueryUIの位置アドオンを使用）

Answer 1

これはちょっと複雑です。すべての要素に位置があることを確認する必要があります。

,またはfixedのように配置する必要があります。このような

何か：http://jsfiddle.net/maniator/PPRKF/が実際にあります

Answer 2

行うためのjQueryプラグインちょうどこのjCurvy

Fiddle Demo

---

それも、あなたのためのポイントコードを生成するために、素敵なデザインインターフェイスが付属していますあなたがここで望むようにあなたの要素をカーブさせるhttp://jcurvy.com/design.html?design=1

test1、test9、赤色の1/2のポイントをドラッグアンドドロップするだけで、カーブの形を整え、プラグインで使用する上にコードが生成されます。