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>
ジェネレーターもあって、その場で動きを作れてコードも出力する機能もあったりします。
ちょっとしたサプライズ効果に使えそうですね。
関連エントリ
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>
ジェネレーターもあって、その場で動きを作れてコードも出力する機能もあったりします。
ちょっとしたサプライズ効果に使えそうですね。
関連エントリ
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- くちばしフォント【商用可】
- 小説表紙などに使えそうな商用可なフォント「になロマン」
- 筆で書いたようなカナ書体「筆竹仮名B」
- 無料・商用利用可な丸文字ピクセルフォント「マルミーニャM」
- スペースコブラ風フォント
- Next.jsのVercelから商用利用可能なフリー汎用フォント「Geist Font 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- CSSのみで実装された500種類のローディングアニメーション「CSS Loaders」
- 画像ホバーで様々なエフェクトをかけられる「Izmir」
- CSSのbox-shadowをGUIで生成できる「CSS Box Shadows Generator」
- 過去のエントリ