[JS]jQueryのプラグイン33+1選 -2009年4月
Post on:2009年4月8日
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。
![デモのキャプチャ](/wp-content/uploads-2009/200904-32.png)
GalleryView
さまざまなインターフェイスを備えた画像ギャラリー。
![デモのキャプチャ](/wp-content/uploads-2009/200904-31.png)
Image Slide Show with Semi-Transparent Caption
半透明のキャプション表示がかっこいい画像ギャラリー。
![デモのキャプチャ](/wp-content/uploads-2009/200904-14.png)
Pikachoose
画像ギャラリー。
![デモのキャプチャ](/wp-content/uploads-2009/200904-30.png)
Smooth Div Scroll
水平にスクロール表示する画像ギャラリー。
![デモのキャプチャ](/wp-content/uploads-2009/200904-21.png)
Image Strip
横長の一枚画像をスライドするギャラリー。
![デモのキャプチャ](/wp-content/uploads-2009/200904-05.png)
SlideySlide, jQuery mini image gallery
画像がスライド表示するミニギャラリー。
![デモのキャプチャ](/wp-content/uploads-2009/200904-24.png)
Creating a polaroid photo viewer with CSS3
ポラロイド写真を散らかしたようなギャラリー。傾きはSafari, Chromeのみ。
![デモのキャプチャ](/wp-content/uploads-2009/200904-25.png)
z-index gallery
画像の重なり順を変更する画像ギャラリー。
![デモのキャプチャ](/wp-content/uploads-2009/200904-22.png)
ImageSwitch
画像をさまざまなアニメーションで切り替え。
![デモのキャプチャ](/wp-content/uploads-2009/200904-03.png)
jCaption
画像のキャプションをスライド表示。
![デモのキャプチャ](/wp-content/uploads-2009/200904-28.png)
Super Box
Lightbox風に画像を拡大表示。
![デモのキャプチャ](/wp-content/uploads-2009/200904-02.png)
SimpleModal
シンプルなモーダルボックス。
![デモのキャプチャ](/wp-content/uploads-2009/200904-19.png)
qTip
デザインも豊富でカスタマイズに優れたツールチップ。
![デモのキャプチャ](/wp-content/uploads-2009/200904-29.png)
ezpz tooltip
div要素を表示するツールチップ。
![デモのキャプチャ](/wp-content/uploads-2009/200904-33.png)
Better Tooltip
表示のアニメーションがかわいいツールチップ。
![デモのキャプチャ](/wp-content/uploads-2009/200904-08.png)
Easy Tooltip
複雑なコンテンツも簡単に設置できるツールチップ。
![デモのキャプチャ](/wp-content/uploads-2009/200904-04.png)
Image-free CSS Tooltip Pointers
画像を使用しないツールチップ。
![デモのキャプチャ](/wp-content/uploads-2009/200904-18.png)
wTooltip
軽量でシンプルなツールチップ。
![デモのキャプチャ](/wp-content/uploads-2009/200904-06.png)
jQuery and CSS menu this is really simply one
選択項目が拡大するシンプルなナビゲーション。
![デモのキャプチャ](/wp-content/uploads-2009/200904-16.png)
Easy Display Switch
リストの表示スタイルをアニメーションで切り替え。
![デモのキャプチャ](/wp-content/uploads-2009/200904-01.png)
CSS Horizontal And Vertical Align
天地左右の中央に配置。
![デモのキャプチャ](/wp-content/uploads-2009/200904-13.png)
Easy Widgets
iGoogleのようにパネルの編集・移動が可。
![デモのキャプチャ](/wp-content/uploads-2009/200904-15.png)
Animated Collapsible DIV
アニメーションでパネルがスライド。
![デモのキャプチャ](/wp-content/uploads-2009/200904-20.png)
GX
パネルの開閉・移動・グラデーション・フェードなどのアニメーション。
![デモのキャプチャ](/wp-content/uploads-2009/200904-23.png)
infoBar
上部からパネルをスライド表示。
![デモのキャプチャ](/wp-content/uploads-2009/200904-26.png)
Simple Toggle
アニメーションでスライドするシンプルなパネル。
![デモのキャプチャ](/wp-content/uploads-2009/200904-07.png)
Background canvas
画像を使用しないで、タブやグラデーションなど背景をCanvasで描画。
![デモのキャプチャ](/wp-content/uploads-2009/200904-09.png)
Image Cube
画像やテキストの立方体を回転表示。
![デモのキャプチャ](/wp-content/uploads-2009/200904-17.png)
rotate3Di
3D回転表示。for WebKit/Safari and Firefox 3.1。
![デモのキャプチャ](/wp-content/uploads-2009/200904-11.png)
uploadify
ファイルのアップローダー。
![デモのキャプチャ](/wp-content/uploads-2009/200904-10.png)
autoResize
テキスト量に合わせてtextareaを自動リサイズ。
![デモのキャプチャ](/wp-content/uploads-2009/200904-27.png)
Internal Links with Favicon
同一サイト内のリンクにアイコン表示。
![デモのキャプチャ](/wp-content/uploads-2009/200904-12.png)
![デモのキャプチャ](/wp-content/uploads-2009/200904-00.png)
スムーズ ページスクローラー
最後は、コリス作です。
sponsors