[JS]jQueryのプラグイン33+1選 -2009年10月
Post on:2009年10月27日
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200910-10.png)
Image Overlay
テキストなどのパネルを画像の上にオーバーレイ表示します。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200910-26.png)
dumbcrossfade
打ち出し画像をフェードで次々に変更します。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200910-16.png)
Ultimate Fade-in slideshow
フェードで画像を切り替えるギャラリー。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200910-24.png)
Image Carousel
画像をスライド表示するギャラリー。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200910-13.png)
Greyscale Hover Effect
ホバー時に画像をグレースケールにします。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200910-19.png)
Sproing
サムネイル画像をアニメーションで拡大表示します。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200910-29.png)
zooma
画像の一部を拡大表示します。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200910-01.png)
Zoomple
画像の一部を拡大表示します。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200910-03.png)
Animated Wave
テキストが3Dにうねうねと動きます。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200910-22.png)
3D Sphere
オブジェクトが3Dに回転します。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200910-28.png)
Fade colors
テキストのカラーをフェードで変更して表示します。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200910-04.png)
Opacity to Show Focus
フォーカス時、テキストや画像の不透明度を変更します。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200910-18.png)
Buttons like Windows 7
Windows7風の光源が移動するボタン。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200910-31.png)
nmcDropDown
ドロップダウンのパネルをアニメーションで表示します。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200910-32.png)
Very Long Dropdown Menus
長いドロップダウンを省スペースで表示します。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200910-14.png)
Draggable Sitemap
子を維持したままドラッグが可能なサイトマップ。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200910-30.png)
ListMenu
大量のリストをコンパクトにまとめます。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200910-08.png)
UI Multiselect
セレクトメニューを拡張します。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200910-05.png)
fullTextArea
テキストエリアの入力時にエリアを拡大します。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200910-06.png)
CoolInput
インプットエリアにテキストやアイコンなどを表示します。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200910-09.png)
Input Default
インプットエリアにテキストを表示します。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200910-07.png)
onFocus/onblur INPUT text/password color change
インプットエリアやパスワード欄のフォーカス時にカラーを変更します。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200910-15.png)
Animate validation feedback
フォームのエラーをアニメーションで知らせます。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200910-23.png)
Turn any webform into a powerful wizard
長いフォームを複数のページに分けます。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200910-27.png)
Smart Wizard
ステップごとにパネルを順番に表示するウイザードコンテンツ。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200910-17.png)
LeaveNotice
外部サイトに移動する際に、パネルで知らせます。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200910-02.png)
QuickFlip 2
パネルをペロッと裏返します。バージョンアップ。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200910-11.png)
Sizzle
CSS3もサポートしたセレクタエンジン。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200910-12.png)
barcode
入力データに基に、バーコードを生成します。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200910-21.png)
Get URL parameters & values with jQuery
URLパラメータとバリューを取得します。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200910-25.png)
QueryLoader
ページの読み込み時にフラッシュのようなローダーを表示します。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200910-33.png)
fade and slide toggle
スライドのアニメーションで、パネルをフェードで表示します。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200910-20.png)
Scrolling Parallax
スクロールバーとマウスホイールに対応したパララックス。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200910-00.png)
スムーズ ページスクローラー
最後は、コリス作です。
sponsors