[JS]jQueryのプラグイン33+1選 -2009年6月
Post on:2009年6月9日
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。
![デモのキャプチャ](/wp-content/uploads-2009/200906-03.png)
Image Rotator
スタイリッシュな画像ギャラリー。
![デモのキャプチャ](/wp-content/uploads-2009/200906-04.png)
GalleryView
インターフェイスが豊富な画像ギャラリー。
![デモのキャプチャ](/wp-content/uploads-2009/200906-11.png)
Slideshow JS
フェードで切り替わる、アクセシブルな画像ギャラリー。
![デモのキャプチャ](/wp-content/uploads-2009/200906-14.png)
Accessible Slideshow
アクセシブルなスライドショー。
![デモのキャプチャ](/wp-content/uploads-2009/200906-01.png)
Sliding Boxes and Captions
キャプションをスライド表示。
![デモのキャプチャ](/wp-content/uploads-2009/200906-15.png)
piroBox
イージングのモーションがかっこいい画像拡大スクリプト。
![デモのキャプチャ](/wp-content/uploads-2009/200906-18.png)
Resizable Image Grid
画像をスライダーで拡大表示。
![デモのキャプチャ](/wp-content/uploads-2009/200906-05.png)
jPlayer
ウェブページにMP3プレイヤーを設置。
![デモのキャプチャ](/wp-content/uploads-2009/200906-06.png)
jQCP
カラーピッカー。
![デモのキャプチャ](/wp-content/uploads-2009/200906-32.png)
Sexy Drop Down Menu
セクシーなドロップダウン型のナビゲーション。
![デモのキャプチャ](/wp-content/uploads-2009/200906-07.png)
Acorrdion With Fade
フェードエフェクトを伴ったアコーディオン。
![デモのキャプチャ](/wp-content/uploads-2009/200906-20.png)
vTip
リンク、画像、divなどにツールチップ。
![デモのキャプチャ](/wp-content/uploads-2009/200906-13.png)
jQuery plugin detector
使用しているjQueryのプラグインを検出(bookmarklet)。
![デモのキャプチャ](/wp-content/uploads-2009/200906-17.png)
Fancy Gestures
オリジナルのマウスジェスチャーを設置。
![デモのキャプチャ](/wp-content/uploads-2009/200906-16.png)
Animated Alphabet using Keypress Events
Keypressイベントの取得。
![デモのキャプチャ](/wp-content/uploads-2009/200906-10.png)
Cheat Code
コナミコマンドなど秘密のコマンドを埋め込める。
![デモのキャプチャ](/wp-content/uploads-2009/200906-22.png)
Tabbed Content Rotator
自動表示にも対応したタブコンテンツ。
![デモのキャプチャ](/wp-content/uploads-2009/200906-27.png)
Slide box
ページの端のタブをクリックすると、パネルをスライド表示。
![デモのキャプチャ](/wp-content/uploads-2009/200906-28.png)
Advanced docking
ページの端からドックを表示。
![デモのキャプチャ](/wp-content/uploads-2009/200906-24.png)
Droplist Filter
ドロップダウンの項目を検索でフィルタリング。
![デモのキャプチャ](/wp-content/uploads-2009/200906-19.png)
crossSelect
セレクトボックスの拡張。
![デモのキャプチャ](/wp-content/uploads-2009/200906-29.png)
inline form validation
フォームの入力をリアルタイムにチェック。
![デモのキャプチャ](/wp-content/uploads-2009/200906-02.png)
Tokenizing Autocomplete Text Entry
フォームに入力したテキストから候補を表示。
![デモのキャプチャ](/wp-content/uploads-2009/200906-31.png)
Stylish Select
セレクトボックスをスタイリッシュに。
![デモのキャプチャ](/wp-content/uploads-2009/200906-33.png)
idleTimer
マウス操作などアイドル時に動作するタイマー。
![デモのキャプチャ](/wp-content/uploads-2009/200906-21.png)
Table rows as clickable anchors
テーブルの列をハイライト表示。
![デモのキャプチャ](/wp-content/uploads-2009/200906-23.png)
Smart Columns
ページ幅に合わせて、カラムの数とサイズを自動調整。
![デモのキャプチャ](/wp-content/uploads-2009/200906-30.png)
jLayout
定義したアルゴリズムでページをレイアウト。
![デモのキャプチャ](/wp-content/uploads-2009/200906-08.png)
jQuery Masonry
レンガを積むようなレイアウト。
![デモのキャプチャ](/wp-content/uploads-2009/200906-25.png)
jQuery Ribbon
MSNのリボン風のインターフェイスを実装。
![デモのキャプチャ](/wp-content/uploads-2009/200906-26.png)
js Tree
ツリー状のインターフェイスを実装。
![デモのキャプチャ](/wp-content/uploads-2009/200906-12.png)
turn off the lights
映画館のようにスクリーン以外を暗く。
![デモのキャプチャ](/wp-content/uploads-2009/200906-09.png)
Expose
アニメーションで特定の要素をマスク。
![デモのキャプチャ](/wp-content/uploads-2009/200906-00.png)
スムーズ ページスクローラー
最後は、コリス作です。
sponsors