[JS]jQueryのプラグイン33+1選 -2008年5月
Post on:2008年5月12日
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。
![Kwicksのデモのキャプチャ](/wp-content/uploads/2008051205-26.png)
Kwicks
スムーズに伸び縮み。
![Horizontal Accordionのデモのキャプチャ](/wp-content/uploads/2008051205-07.png)
Horizontal Accordion
水平方向のアコーディオン。
![Accordion Content scriptのデモのキャプチャ](/wp-content/uploads/2008051205-01.png)
Accordion Content script
シンプルなアコーディオン。
![Anti-aliased Rounded cornersのデモのキャプチャ](/wp-content/uploads/2008051205-02.png)
Anti-aliased Rounded corners
アンチエイリアスの角丸。
![Image Cross Fade Transitionのデモのキャプチャ](/wp-content/uploads/2008051205-16.png)
Image Cross Fade Transition
二枚の画像をクロスフェード。
![JQuery Rollingのデモのキャプチャ](/wp-content/uploads/2008051205-22.png)
JQuery Rolling
画像をスクロールして次々に表示。
![jQuery virtual tourのデモのキャプチャ](/wp-content/uploads/2008051205-24.png)
jQuery virtual tour
パノラマ画像でバーチャルツアー。
![ifixpngのデモのキャプチャ](/wp-content/uploads/2008051205-15.png)
ifixpng
IE6用に透過PNGを表示。
![Fade-in Spoiler Revealerのデモのキャプチャ](/wp-content/uploads/2008051205-10.png)
Fade-in Spoiler Revealer
フェードインでコンテンツを表示。
![jQuery Growlのデモのキャプチャ](/wp-content/uploads/2008051205-20.png)
jQuery Growl
次々に告知を表示。
![Coda Popup Bubblesのデモのキャプチャ](/wp-content/uploads/2008051205-04.png)
Coda Popup Bubbles
ツールチップをふわっと表示。
![Easiest Tooltip and Image Preview Using jQueryのデモのキャプチャ](/wp-content/uploads/2008051205-09.png)
Easiest Tooltip and Image Preview Using jQuery
テキストや画像のツールチップ。
![Creating a Nice Slider With jQuery UIのデモのキャプチャ](/wp-content/uploads/2008051205-05.png)
Creating a Nice Slider With jQuery UI
スライダー。
![Developing an accessible sliderのデモのキャプチャ](/wp-content/uploads/2008051205-08.png)
Developing an accessible slider
アクセシブルなスライダー。
![jQuery HorizonMenuのデモのキャプチャ](/wp-content/uploads/2008051205-21.png)
jQuery HorizonMenu
水平方向にスクロールするメニュー。
![jQuery.Colorsのデモのキャプチャ](/wp-content/uploads/2008051205-13.png)
jQuery.Colors
カラーのコントロール。
![ieFixButtonsのデモのキャプチャ](/wp-content/uploads/2008051205-14.png)
ieFixButtons
IE用に<button>を拡張。
![jContextのデモのキャプチャ](/wp-content/uploads/2008051205-17.png)
jContext
右クリックの拡張。
![Nested context menuのデモのキャプチャ](/wp-content/uploads/2008051205-28.png)
Nested context menu
右クリックの拡張。
![jMapsのデモのキャプチャ](/wp-content/uploads/2008051205-18.png)
jMaps
Google Mapsを強力に拡張。
![jQuery File Treeのデモのキャプチャ](/wp-content/uploads/2008051205-19.png)
jQuery File Tree
AJAXのファイルブラウザ。
![prettyPhotoのデモのキャプチャ](/wp-content/uploads/2008051205-30.png)
prettyPhoto
かわいい感じのLightbox風スクリプト。
![FancyBoxのデモのキャプチャ](/wp-content/uploads/2008051205-11.png)
FancyBox
画像を拡大表示。
![jQuery Lightboxのデモのキャプチャ](/wp-content/uploads/2008051205-35.png)
jQuery Lightbox
画像を拡大表示するjQuery版のLightbox。
![jQuery Thumbsのデモのキャプチャ](/wp-content/uploads/2008051205-23.png)
jQuery Thumbs
サムネイルを生成。
![nyroModalのデモのキャプチャ](/wp-content/uploads/2008051205-29.png)
nyroModal
多機能なLightbox風にコンテンツを表示。
![markItUp!のデモのキャプチャ](/wp-content/uploads/2008051205-27.png)
markItUp!
オンラインエディタ。
![Creating accessible charts using canvas and jQueryのデモのキャプチャ](/wp-content/uploads/2008051205-06.png)
Creating accessible charts using canvas and jQuery
変更したデータをリアルタイムに円・折れ線・棒グラフに反映。
![jTreeのデモのキャプチャ](/wp-content/uploads/2008051205-25.png)
jTree
リストの項目を入れ替え。
![jQuery Spreadsheetのデモのキャプチャ](/wp-content/uploads/2008051205-31.png)
jQuery Spreadsheet
jQueryで表計算。
![Table Drag and Dropのデモのキャプチャ](/wp-content/uploads/2008051205-33.png)
Table Drag and Drop
テーブルデータをドラッグで移動。
![Flexgridのデモのキャプチャ](/wp-content/uploads/2008051205-12.png)
Flexgrid
テーブルデータの表示。
![jQuery StyleSwichterのデモのキャプチャ](/wp-content/uploads/2008051205-32.png)
jQuery StyleSwichter
スタイルシートを切り替え。
![ページスクローラーのデモのキャプチャ](/wp-content/uploads/2008051205-34.png)
スムーズ ページスクローラー。
最後は、コリス作です。
過去のjQueryのプラグイン33+1選
sponsors