[JS]jQueryのプラグイン33+1選 -2011年7月
Post on:2011年8月3日
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201107-12.png)
tubular
背景いっぱいにYouTubeの動画を表示します。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201107-13.png)
YTPlayer
こちらはbody要素や各エレメントの背景にYouTubeの動画を表示します。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201107-33.png)
Fullscreen Slideshow with HTML5 Audio
HTML5 Audioを使った臨場感溢れるスライドショー。
[ad#ad-2]
![デモのキャプチャ](/wp-content/uploads-2011-2d/201107-04.png)
Flux Slider
切り替え時のエフェクトにCSS3アニメーションを使ったスライダー。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201107-20.png)
Mosaiqy
グリッドベースの画像ギャラリー。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201107-22.png)
flowGallery
カバーフロー風の画像ギャラリー。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201107-05.png)
flickrBomb
Flickrからキーワードベースで画像を検索し、置換します。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201107-03.png)
Slide upwards
画像の上にパネルがスライド表示されます。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201107-25.png)
jQuery.Smart3D
複数の画像を使ったパララックスで3Dエフェクトを生成します。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201107-31.png)
tiltt
ホバー時にチルトシフトのエフェクトを適用、テキストも編集可です。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201107-29.png)
textualizer
テキストを次々にさまざまなアニメーションで表示します。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201107-14.png)
MyTextExpander
長いテキストの続きをフェードやスライドで表示(2バイト文字対応)。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201107-01.png)
jquery.transitions
CSS transitionのサポートを検出し、classベースのアニメーションを与えることができます。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201107-02.png)
Grid Navigation Effects
多彩なエフェクトが用意されたグリッドベースのナビゲーション。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201107-07.png)
Cross Browser Scrollbars
クロスブラウザ対応のオリジナルのスクロールバー。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201107-09.png)
img-preloader
さまざまなパラメータを備えた画像ベースのプリローダー。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201107-17.png)
Multicolor tooltips CSS3
CSS3グラデーションを使った美しいツールチップ。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201107-26.png)
leanModal
モーダルウインドウを生成するシンプルなスクリプト。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201107-18.png)
ImageSelect
フォームのselect要素に画像を配置できるようにします。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201107-27.png)
DropKick
フォームのselect要素を美しくスタイリング、callback関数対応。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201107-32.png)
FancySelector
フォームのselect要素をすごいおしゃれにスタイリング。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201107-16.png)
buttonCaptcha
ワードをドラッグして認証するCAPTCHA。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201107-06.png)
iPage
リスト要素やdiv要素で実装した複数の要素をページネーション付きで配置。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201107-24.png)
jquery.ulSlide
ul要素からシンプルなスライダーを生成します。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201107-19.png)
List DragSort
リスト要素をドラッグ&ドロップでソートします。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201107-10.png)
Simple jQuery Ticker
リスト要素をフェードやスライドのエフェクトで表示するティッカー。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201107-23.png)
jQuery.pageMenu
hx要素など指定した要素に基づいてページの目次を生成します。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201107-28.png)
arcLight
美しい光の軌跡をアニメーションで描きます。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201107-21.png)
Simple Grid
3つの変数でPhotoshopのようなグリッドを配置します。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201107-08.png)
Simple Overlay
あらゆる要素にオーバーレイを適用、callback関数対応。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201107-30.png)
Lazy Karl
ページを表示する際、画像など指定したエレメントだけを遅らせてローディングします。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201107-15.png)
MyThumbnail
異なるサイズの画像でも同じサイズのサムネイル画像を自動生成します。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201107-11.png)
Equalbox.js
異なる高さのdiv要素を揃えて表示します。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201107-00.png)
スムーズ ページスクローラー
最後は、コリス作です。
[ad#ad-2]
sponsors