[JS]jQueryのプラグイン33+1選 -2010年9・10月
Post on:2010年10月25日
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。
![デモのキャプチャ](/wp-content/uploads-2010-2d/201010-19.png)
bxSlider
多彩な表示方法に対応したコンテンツスライダー。
![デモのキャプチャ](/wp-content/uploads-2010-2d/201010-03.png)
Sudo Slider
各パネルがブックマークできるコンテンツスライダー。
![デモのキャプチャ](/wp-content/uploads-2010-2d/201010-31.png)
carouFredSel
あらゆるHTMLの要素を無限にスライドするカルーセルコンテンツにします。
[ad#ad-2]
![デモのキャプチャ](/wp-content/uploads-2010-2d/201010-09.png)
Smooth Div Scroll
div要素のパネルをスムースに水平方向にスクロールします。
![デモのキャプチャ](/wp-content/uploads-2010-2d/201010-30.png)
Quovolver
指定したエレメント群をアニメーションを使って順番に表示します。
![デモのキャプチャ](/wp-content/uploads-2010-2d/201010-23.png)
Tiny Carousel
ボタン・ページネーション・タブ操作に対応した超軽量のコンテンツスライダー。
![デモのキャプチャ](/wp-content/uploads-2010-2d/201010-27.png)
Easy Accordion
パネルをアコーディオンのアニメーションでスライドさせます。
![デモのキャプチャ](/wp-content/uploads-2010-2d/201010-01.png)
jBellows
アコーディオンエフェクトを実装する超軽量スクリプト。
![デモのキャプチャ](/wp-content/uploads-2010-2d/201010-32.png)
imgZoom
ダイナミックなアニメーションで画像を拡大します。
![デモのキャプチャ](/wp-content/uploads-2010-2d/201010-10.png)
Inset Border Effect
画像にアニメーションするボーダーのエフェクトを加えます。
[ad#ad-2]
![デモのキャプチャ](/wp-content/uploads-2010-2d/201010-25.png)
NavIt
複数の開閉に対応した、多段階層用ナビゲーション。
![デモのキャプチャ](/wp-content/uploads-2010-2d/201010-26.png)
hoverfade
マウスホバーで画像をフェードで変更します。
![デモのキャプチャ](/wp-content/uploads-2010-2d/201010-08.png)
Panel Magic
マトリックス状のパネルを使ったダイナミックなナビゲーション。
![デモのキャプチャ](/wp-content/uploads-2010-2d/201010-20.png)
Zoomooz
ページ内のあらゆるエレメントをズームしてナビゲーションさせます。
![デモのキャプチャ](/wp-content/uploads-2010-2d/201010-21.png)
LDTT - super small tooltip
超軽量(1KB)の表示位置・フェードなどカスタマイズも可能なツールチップ。
![デモのキャプチャ](/wp-content/uploads-2010-2d/201010-04.png)
Poshy Tip
テキストや画像などを表示できるフォームにも対応したツールチップ。
![デモのキャプチャ](/wp-content/uploads-2010-2d/201010-07.png)
InputNotes
指定した文字が入力されるとアラートを表示します。
![デモのキャプチャ](/wp-content/uploads-2010-2d/201010-12.png)
Show Password
パスワードを一時的に可視状態にします。
![デモのキャプチャ](/wp-content/uploads-2010-2d/201010-11.png)
Textbox Hinter
フォームにスタイルシートを適用できるテキストを表示します。
![デモのキャプチャ](/wp-content/uploads-2010-2d/201010-15.png)
ezMark
チェックボックス・ラジオボタンのデザインをかわいく変更します。
![デモのキャプチャ](/wp-content/uploads-2010-2d/201010-14.png)
Period Picker
日付の入力を支援するタイムピッカー。
![デモのキャプチャ](/wp-content/uploads-2010-2d/201010-13.png)
Image Scroller
拡大画像の表示をサムネイルのドラッグでコントロールします。
![デモのキャプチャ](/wp-content/uploads-2010-2d/201010-22.png)
Sexy Curl Plus
ウェブページに雑誌をめくるようなエフェクトを加えます。
![デモのキャプチャ](/wp-content/uploads-2010-2d/201010-17.png)
Cursor Hover
一つのレイヤーで二つのレイヤーのボタンを作成します。
![デモのキャプチャ](/wp-content/uploads-2010-2d/201010-28.png)
Lettering.JS
見出しなどのテキストの指定した箇所にspanを挿入します。
![デモのキャプチャ](/wp-content/uploads-2010-2d/201010-29.png)
jQuery webcam plugin
Webカメラを操作できるようにします。
![デモのキャプチャ](/wp-content/uploads-2010-2d/201010-06.png)
Equal Column Heights
高さの異なるカラムを揃えます(アニメーション可)。
![デモのキャプチャ](/wp-content/uploads-2010-2d/201010-16.png)
Europe CSS
モバイルにも対応の複雑な形状も可能なクリッカブルマップ。
![デモのキャプチャ](/wp-content/uploads-2010-2d/201010-05.png)
bMap
アイコンなどマークを配置したGoogle Mapsを簡単に設置できます。
![デモのキャプチャ](/wp-content/uploads-2010-2d/201010-02.png)
Animated table sort
テーブルのデータをアニメーションでソートします。
![デモのキャプチャ](/wp-content/uploads-2010-2d/201010-33.png)
Title Alert
ブラウザのタイトルバーにメッセージを表示します。
![デモのキャプチャ](/wp-content/uploads-2010-2d/201010-24.png)
Tiny Scrollbar
コンテンツに垂直・水平のスクロールバーを設置できます。
![デモのキャプチャ](/wp-content/uploads-2010-2d/201010-18.png)
Biggerlink
リンクの領域を指定したエレメント全体に変更します。
![デモのキャプチャ](/wp-content/uploads-2010-2d/201010-00.png)
スムーズ ページスクローラー
最後は、コリス作です。
sponsors