[JS]jQueryのプラグイン33+1選 -2009年12月
Post on:2009年12月8日
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200912-04.png)
Organic Tabs
アニメーションで収縮するタブコンテンツ。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200912-17.png)
flips
パネルを多彩なアニメーションでスライド。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200912-24.png)
bxSlider
三種類のコンテンツスライダーを実装。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200912-06.png)
Simple Infinite Carousel
シンプルなカルーセルコンテンツ。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200912-27.png)
Custom AJAX Tabs
AJAXに対応したタブコンテンツ。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200912-03.png)
Horizontal Accordion
水平型のアコーディオン。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200912-25.png)
Beautiful Slide Out Navigation
ブラウザの横からスライドするナビゲーション。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200912-28.png)
Awesome Navigation Menu
多くのコンテンツを設置できるナビゲーション。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200912-07.png)
AutoSprites
CSSスプライト。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200912-15.png)
Lights Out
二つのモードがあるモーダルボックス。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200912-05.png)
SimpleModal
シンプルだけどカスタマイズに富んだモーダルボックス。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200912-14.png)
Interactive Picture
Info Boxを使用したインタラクティブなコンテンツ。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200912-12.png)
TopUp
拡大時のエフェクトも豊富な画像を拡大表示するLightbox。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200912-21.png)
Picbox
ホイールで拡大縮小が可能な画像を拡大するLightbox。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200912-16.png)
(a)Sexy Images
画像のホバー時のエフェクトいろいろ。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200912-31.png)
Cool Spotlight Effect
マウスのフォーカスに合わせてスポットライト。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200912-09.png)
Captions
altとlongdescでキャプションを自動表示。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200912-19.png)
Sticky Tooltip
マウスに追従するツールチップ。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200912-22.png)
Jeegoocontext
オリジナルのコンテクストメニューを生成。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200912-23.png)
Mapbox
Googleマップのように地図を拡大縮小移動。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200912-30.png)
Fancy Quotes
引用を評価するファンシーなシステム。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200912-29.png)
pagination system
長いコンテンツをページネーションで分割。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200912-32.png)
SimplePager
シンプルなページネーション。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200912-18.png)
Chromatable
既存のテーブルのヘッダを固定表示に。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200912-13.png)
Slider plugin (Safari style)
Safari風デザインのスライダー。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200912-10.png)
Safari Searcher
検索ボックスをSafari風のデザインに自動変更。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200912-02.png)
CuteTime
タイムスタンプをフォーマットを変換して表示。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200912-20.png)
jCquard
パンチカードを生成。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200912-33.png)
Auto line-height
フォントサイズに相対的なline-heightを自動で適用。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200912-11.png)
jQSlickWrap
テキストの回りこみを自由な形状に。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200912-01.png)
Browser size aware content scaling
ブラウザのサイズの合わせてレイアウトを自動補正。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200912-26.png)
randomised background scrolling effect
ランダムな背景がスクロールするエフェクト。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200912-08.png)
backOpacity
背景の不透明度を設定。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200912-00.png)
スムーズ ページスクローラー
最後は、コリス作です。
sponsors