Google＋風の円形リストを作成できるjQueryプラグイン「CircleList」:phpspot開発日誌

前の記事 ≪：appleスタイルのクールなインプットフィールド実装チュートリアル
次の記事 ≫：HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプ...

Google＋風の円形リストを作成できるjQueryプラグイン「CircleList」

2011年08月07日-

スポンサードリンク

CircleList jQuery Plugin

Google＋風の円形リストを作成できるjQueryプラグイン「CircleList」。
ULで定義したリストを初期化するだけで次のように円形にアニメーションします。各アイテムはドラッグ＆ドロップで他の円リストに移動することが出来ます。
更に、範囲指定で複数アイテムの選択なんかもできるようになっています。

実装は必要プラグインを読み込んだ後、次のように初期化するだけです。

<ul id='list'>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>4</li>
</ul>
<script>
$('#list').circlelist();
</script>

ジェネレーターもあって、その場で動きを作れてコードも出力する機能もあったりします。