[JS]jQueryのプラグイン33+1選 -2011年4月
Post on:2011年4月27日
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。
![デモのキャプチャ](/wp-content/uploads-2011/201104-03.png)
Animated fullscreen background image slideshow
アニメーションを伴ったフルスクリーンの背景画像を使ったスライドショー。
![デモのキャプチャ](/wp-content/uploads-2011/201104-28.png)
Slider Kit
スライドショー、コンテンツスライダー、タブコンテンツ、カルーセルなどさまざまなスライドコンテンツに対応。
![デモのキャプチャ](/wp-content/uploads-2011/201104-08.png)
Tiny Slider
シンプル、簡単、軽量と三拍子揃ったコンテンツスライダー。
[ad#ad-2]
![デモのキャプチャ](/wp-content/uploads-2011/201104-15.png)
EasyTabs
水平・垂直、天地にタブの設置が可能なタブコンテンツ。
![デモのキャプチャ](/wp-content/uploads-2011/201104-18.png)
tinySlideshow
超省スペースのスライドショー。
![デモのキャプチャ](/wp-content/uploads-2011/201104-20.png)
Orange Box
画像、インラインコンテンツ、動画、Flash、iframeに対応した軽量のライトボックス。
![デモのキャプチャ](/wp-content/uploads-2011/201104-24.png)
diagonalFade
大量の要素に対して、指定方向へ順番にフェードを適用します。
![デモのキャプチャ](/wp-content/uploads-2011/201104-09.png)
PicGrid
画像をグリッドに沿って配置します。
![デモのキャプチャ](/wp-content/uploads-2011/201104-23.png)
Atteeeeention
高さ・幅が異なる画像を揃えて配置します。
![デモのキャプチャ](/wp-content/uploads-2011/201104-31.png)
Image Scale
画像のサイズを配置したコンテナに自動調整します。
![デモのキャプチャ](/wp-content/uploads-2011/201104-29.png)
ax-zoomer
画像の一部を拡大表示、ドラッグで移動も可。
![デモのキャプチャ](/wp-content/uploads-2011/201104-22.png)
Image Cache Pre-Loader
画像をキャッシュし、ページに表示する前にエフェクトを与えます。
![デモのキャプチャ](/wp-content/uploads-2011/201104-27.png)
MY IMAGE PRELOADER
ロード時・エラー時の画像が簡単に選択できる、画像のプリローダー。
[ad#ad-2]
![デモのキャプチャ](/wp-content/uploads-2011/201104-06.png)
Noisy
背景を動的にざらっとした感じにします。
![デモのキャプチャ](/wp-content/uploads-2011/201104-12.png)
Accordion Image Menu
水平・垂直方向に設置可能なアコーディオンメニュー。
![デモのキャプチャ](/wp-content/uploads-2011/201104-13.png)
Animated Content Menu
Flashに見間違うようなアニメーションを伴ったかっこいいメニュー。
![デモのキャプチャ](/wp-content/uploads-2011/201104-16.png)
Flower Navigation
フラワー形に開いてアニメーションでくるくる回るナビゲーション。
![デモのキャプチャ](/wp-content/uploads-2011/201104-19.png)
Mouse Over Toggle Tree
マウスオーバーでツリーを開閉します。
![デモのキャプチャ](/wp-content/uploads-2011/201104-26.png)
Gooey Menu
マウスオーバーでハイライトが移動するLave Lamp風ナビゲーション。
![デモのキャプチャ](/wp-content/uploads-2011/201104-11.png)
fixedTo
ブラウザの四辺にパネルを固定表示します。
![デモのキャプチャ](/wp-content/uploads-2011/201104-25.png)
Sticky Sidebar
パネルをスクロールしても定位置に表示します(複数パネル可)。
![デモのキャプチャ](/wp-content/uploads-2011/201104-21.png)
jquery-ahm
AJAXのリクエストを一行で処理します。
![デモのキャプチャ](/wp-content/uploads-2011/201104-04.png)
jFormer
クライアント・サーバーサイドのバリデートも備えた高性能なフォームのフレームワーク。
![デモのキャプチャ](/wp-content/uploads-2011/201104-02.png)
autoclear
テキストフィールドのデフォルトにclassを付加したテキストを配置。
![デモのキャプチャ](/wp-content/uploads-2011/201104-07.png)
QapTcha
ドラッグ操作で、入力が人かどうか判断するCAPTCHAシステム。
![デモのキャプチャ](/wp-content/uploads-2011/201104-10.png)
SexySelect
セレクトボックスにさまざまな機能を追加してスタイリッシュに。
![デモのキャプチャ](/wp-content/uploads-2011/201104-01.png)
naked password
パスワードの強度でイラストがセクシーに。
![デモのキャプチャ](/wp-content/uploads-2011/201104-14.png)
ie9ify
IE9のピンサイト機能をウェブサイトに追加します。
![デモのキャプチャ](/wp-content/uploads-2011/201104-30.png)
jScrollbar
オリジナルデザインのスクロールバーが設置できます(マウスホイール対応)。
![デモのキャプチャ](/wp-content/uploads-2011/201104-05.png)
Subway Map Visualization
さまざまなデータを地下鉄の路線図風にビジュアライズ。
![デモのキャプチャ](/wp-content/uploads-2011/201104-32.png)
Peity
シンプルなHTMLでインラインに円グラフ、折れ線グラフ、棒グラフを描写します。
![デモのキャプチャ](/wp-content/uploads-2011/201104-33.png)
Drag Scroller
指定したコンテナをドラッグ&スクロール対応にします。
![デモのキャプチャ](/wp-content/uploads-2011/201104-17.png)
jRumble
さまざまな要素をガタガタ・プルプルさせます。
当サイトにも使用しています(2011年4月現在)。
![デモのキャプチャ](/wp-content/uploads-2011/201104-00.png)
スムーズ ページスクローラー
最後は、コリス作です。
sponsors