[JS]jQueryのプラグイン33+1選 -2011年6月
Post on:2011年6月27日
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。
![デモのキャプチャ](/wp-content/uploads-2011/201106-01.png)
Vegas Background jQuery Plugin
背景画像やスライドショーをブラウザいっぱいに表示します。
![デモのキャプチャ](/wp-content/uploads-2011/201106-15.png)
Awkward
さまざまなUIを備えたコンテンツスライダー。
![デモのキャプチャ](/wp-content/uploads-2011/201106-17.png)
galleryFocus
フォーカスした周辺をアニメーションでフェードさせ、中心をくっきり見せるギャラリー。
[ad#ad-2]
![デモのキャプチャ](/wp-content/uploads-2011/201106-28.png)
zAccordion
多彩なオプションを備えたアコーディオン。
![デモのキャプチャ](/wp-content/uploads-2011/201106-26.png)
ImageLens
画像の一部を拡大表示します。
![デモのキャプチャ](/wp-content/uploads-2011/201106-11.png)
HoverImageText
画像にホバーすると、オーバーレイでテキストを表示します。
![デモのキャプチャ](/wp-content/uploads-2011/201106-14.png)
illuminate
ボタンが目立つように輝くエフェクトを与えます。
![デモのキャプチャ](/wp-content/uploads-2011/201106-16.png)
Animated CSS text shadows
テキストシャドウをアニメーションでコントロールします。
![デモのキャプチャ](/wp-content/uploads-2011/201106-20.png)
RandomClass
指定要素に任意のclassをランダムに加えます。
![デモのキャプチャ](/wp-content/uploads-2011/201106-10.png)
ImageMapster
HTMLのimage mapにさまざまな機能を追加します。
![デモのキャプチャ](/wp-content/uploads-2011/201106-21.png)
jVectorMap
画像を使用しないで、ベクターベースの地図を生成します。
![デモのキャプチャ](/wp-content/uploads-2011/201106-22.png)
ezoverlay
オーバーレイでパネルを表示します。
![デモのキャプチャ](/wp-content/uploads-2011/201106-33.png)
Multiple instances
リスト要素をマルチプルなタブコンテンツにします。
![デモのキャプチャ](/wp-content/uploads-2011/201106-24.png)
TimeQuery
タイムラインベースの年表コンテンツを生成します。
![デモのキャプチャ](/wp-content/uploads-2011/201106-19.png)
aPartHide
リストなどの要素が長くなった場合に一部のアイテムを非表示にします。
![デモのキャプチャ](/wp-content/uploads-2011/201106-09.png)
More plugin
コメントや記事などコンテンツを追加します。
![デモのキャプチャ](/wp-content/uploads-2011/201106-06.png)
List Pager Plugin
リスト要素で実装したコンテンツにページャー機能をつけます。
![デモのキャプチャ](/wp-content/uploads-2011/201106-23.png)
Table Paginator
長いテーブルにページング機能を加えます。
![デモのキャプチャ](/wp-content/uploads-2011/201106-03.png)
OpenJS Grid
高性能なグリッドテーブルを作成します。
[ad#ad-2]
![デモのキャプチャ](/wp-content/uploads-2011/201106-29.png)
Credit Card Form
クレジットカードの入力に特化したフォーム。
![デモのキャプチャ](/wp-content/uploads-2011/201106-12.png)
textarea resizer
textareaのサイズを変更するバーを設置します。
![デモのキャプチャ](/wp-content/uploads-2011/201106-08.png)
Tagedit
リストにキーワードを加えたり、編集・削除をできるようにします。
![デモのキャプチャ](/wp-content/uploads-2011/201106-30.png)
A simple tooltip plugin with Ajax support
表示位置が調整可能なAJAXもサポートしたシンプルなツールチップ。
![デモのキャプチャ](/wp-content/uploads-2011/201106-31.png)
jPaginator
ページネーションにバーやアニメーション機能を加え使いやすくします。
![デモのキャプチャ](/wp-content/uploads-2011/201106-32.png)
HTML5 Drag & Drop Uploader
画像ファイルをドラッグ&ドロップでアップロードできます。
![デモのキャプチャ](/wp-content/uploads-2011/201106-04.png)
dropup
ファイルをドロップするだけでアップロードができます。
![デモのキャプチャ](/wp-content/uploads-2011/201106-05.png)
jquery.qrcode.js
ウェブページに簡単にQRコードを加えることができます。
![デモのキャプチャ](/wp-content/uploads-2011/201106-27.png)
960 Grid on jQuery-Mobile
960GSとjQuery mobileを統合し、モバイル用レイアウトが簡単に行えます。
![デモのキャプチャ](/wp-content/uploads-2011/201106-07.png)
fLoadingSite
ページをリフレッシュしないでコンテンツをロードします。ブックマークも可。
![デモのキャプチャ](/wp-content/uploads-2011/201106-13.png)
X-Rhyme
ページにアニメーションの水平スクロール機能をつけます。
![デモのキャプチャ](/wp-content/uploads-2011/201106-02.png)
SimpleScroll
シンプルなスクロールコンテンツを作成します。
![デモのキャプチャ](/wp-content/uploads-2011/201106-18.png)
AutoAnchors
指定範囲から見出しなどの指定要素を抽出し、ページアンカーを生成します。
![デモのキャプチャ](/wp-content/uploads-2011/201106-25.png)
Sausage
ページ内のコンテンツを一覧表示し、アンカーリンクを生成します。
![デモのキャプチャ](/wp-content/uploads-2011/201106-00.png)
スムーズ ページスクローラー
最後は、コリス作です。
sponsors