[JS]jQueryのプラグイン33+1選 -2010年3・4月
Post on:2010年4月15日
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。
![デモのキャプチャ](/wp-content/uploads-2010/201003-20.png)
YoxView
画像をスタイリッシュに拡大表示するスライドショー。
![デモのキャプチャ](/wp-content/uploads-2010/201003-21.png)
Roundabout Shapes
複数のオブジェクトをさまざまに回転。
![デモのキャプチャ](/wp-content/uploads-2010/201003-26.png)
Image Power Zoomer
画像の一部を拡大表示。
![デモのキャプチャ](/wp-content/uploads-2010/201003-01.png)
sexyCycle image jQuery plugin
画像をさまざまなアニメーションでスライド表示。
![デモのキャプチャ](/wp-content/uploads-2010/201003-32.png)
Nivo Slider
さまざまなエフェクトがあるイメージスライダー。
![デモのキャプチャ](/wp-content/uploads-2010/201003-33.png)
Reel
画像内のオブジェクトをドラッグとホイールで360度回転させる。
![デモのキャプチャ](/wp-content/uploads-2010/201003-07.png)
Making a Photoshoot Effect With jQuery & CSS
写真撮影をするかのようなエフェクト。
![デモのキャプチャ](/wp-content/uploads-2010/201003-10.png)
Flickr-Style Photo Tagging With jQuery And ColdFusion
Flickrのように画像にコメントがかける。
![デモのキャプチャ](/wp-content/uploads-2010/201003-12.png)
Automatic Image Slider
ページング機能付きのイメージスライダー。
![デモのキャプチャ](/wp-content/uploads-2010/201003-13.png)
Animate Panning Slideshow
横だけでなく縦・斜めにもスライドするスライドショー。
![デモのキャプチャ](/wp-content/uploads-2010/201003-09.png)
tinyTips
軽量だけどフレキシブルなツールチップ。
![デモのキャプチャ](/wp-content/uploads-2010/201003-03.png)
jQuery imageless buttons a la Google
画像を使用しないGoogle風のボタン。
![デモのキャプチャ](/wp-content/uploads-2010/201003-25.png)
DivCorners
div要素の内側でも外側でも角丸を配置。
![デモのキャプチャ](/wp-content/uploads-2010/201003-15.png)
Text with Moving Backgrounds
テキストの背景がアニメーション。
![デモのキャプチャ](/wp-content/uploads-2010/201003-16.png)
Fancy FAQs
アニメーションでAnswerがスライド表示するFAQコンテンツ。
![デモのキャプチャ](/wp-content/uploads-2010/201003-17.png)
How to build a scrolling list with jQuery
リストが自動スクロール。
![デモのキャプチャ](/wp-content/uploads-2010/201003-19.png)
Ketchup
リアルタイムにフォームのエラーを表示。
![デモのキャプチャ](/wp-content/uploads-2010/201003-08.png)
Inline label
フォームのインラインにラベルを表示。
![デモのキャプチャ](/wp-content/uploads-2010/201003-06.png)
jQuery MultiSelect Plugin
セレクトボックスを複数選択可能なように拡張。
![デモのキャプチャ](/wp-content/uploads-2010/201003-24.png)
Link Underlines Grow to Backgrounds on Hover
複数行に渡るテキストでも背景をホバーでハイライト。
![デモのキャプチャ](/wp-content/uploads-2010/201003-30.png)
jOla
テキストを波打つようにアニメーション。
![デモのキャプチャ](/wp-content/uploads-2010/201003-22.png)
BubbleUP
アイコンをふんわりとアニメーションで拡大表示。
![デモのキャプチャ](/wp-content/uploads-2010/201003-11.png)
MagicLine Navigation
LavaLampスタイルのナビゲーション。
![デモのキャプチャ](/wp-content/uploads-2010/201003-28.png)
Fluid Navigation
ドロップダウンが流動的なナビゲーション。
![デモのキャプチャ](/wp-content/uploads-2010/201003-05.png)
jDiv
div要素に自由に配置できるメガドロップダウン。
![デモのキャプチャ](/wp-content/uploads-2010/201003-23.png)
jQuery Fubar
ウェブページにツールバーを配置。
![デモのキャプチャ](/wp-content/uploads-2010/201003-18.png)
TargetTable
カーソルに合わせてテーブルのセルをハイライト。
![デモのキャプチャ](/wp-content/uploads-2010/201003-02.png)
jQuery.sheet
ウェブベースのエクセル風のスプレッドシート。
![デモのキャプチャ](/wp-content/uploads-2010/201003-29.png)
PicNet Table Filter
テーブルのデータを素早くフィルタリング。
![デモのキャプチャ](/wp-content/uploads-2010/201003-14.png)
Quicksand
楽しいアニメーションでデータをフィルタリング。
![デモのキャプチャ](/wp-content/uploads-2010/201003-31.png)
jsPlumb
エレメントを移動可能なパイプでつなぐ。
![デモのキャプチャ](/wp-content/uploads-2010/201003-04.png)
Create Your Own Sliding Resizable Grid
アニメーションでグリッドレイアウトを生成。
![デモのキャプチャ](/wp-content/uploads-2010/201003-27.png)
Flexible Color Schemes in Layouts with RGBa
ウェブページのカラースキームをフレキシブルに変更。
![デモのキャプチャ](/wp-content/uploads-2010/201003-00.png)
スムーズ ページスクローラー
最後は、コリス作です。
sponsors