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>

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



ちょっとしたサプライズ効果に使えそうですね。

関連エントリ

• ビフォア・アフターが超わかりやすいパーツ実装jQueryプラグイン「jquery-comparewyw」
• ページ内ハイライト検索が実装できるjQueryプラグイン「Plain Text Keyword Search」
• レイアウトに関する強力なjQueryプラグイン６つ