[JS]jQueryのプラグイン33+1選 -2009年9月
Post on:2009年9月11日
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200909-25.png)
jSlickmenu
CSS3を使った、ちょっと面白いナビゲーション。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200909-15.png)
Sexy Vertical Sliding Panel
CSS3を使った、ダイナミックにスライドするパネル。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200909-10.png)
Crafting an Animated Postcard
アニメーションするポストカード。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200909-03.png)
Agile Carousel
打ち出しをフェードで切り替えるカルーセル。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200909-13.png)
horinaja
マウスホイールにも対応したカルーセル。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200909-05.png)
AnythingSlider
HTMLコンテンツをスライドするカルーセル。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200909-33.png)
Sliding Image Gallery
画像をスライド・拡大表示するギャラリー。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200909-30.png)
Sexy Album Art
ジャケ写の情報をセクシーに表示。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200909-02.png)
Page Scrolling to Reveal an Image
スクロールすると画像をじわじわと表示。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200909-17.png)
It's a Rainbow!
背景やテキストの色を変更。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200909-01.png)
3D Flying Text
3D空間から飛び出してくるテキスト。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200909-04.png)
Airport
空港の表示板のようにテキストを表示。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200909-06.png)
AnythingZoomer
画像もテキストも何でも拡大表示。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200909-27.png)
HelyeNav
アクセシブルな垂直方向のアコーディオン型ナビゲーション。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200909-14.png)
Horizontal Subnav with CSS
jQueryを使用して、IE6対応に。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200909-20.png)
sliding menu revisited
リスト要素のパネルがスライドして拡張。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200909-19.png)
Simple FAQ
検索機能もついた、パネルが開閉するFAQ。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200909-08.png)
jQuery Sorting
リスト要素の順番を変更。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200909-09.png)
Collapsible Drag & Drop Panels
iGoogleのようにパネルをドラッグ&ドロップで移動。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200909-11.png)
calendar with AJAX, PHP
DBと連携したカレンダー。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200909-12.png)
Expand table rows
折りたたみ表示できるテーブル。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200909-07.png)
Automatically generate table of contents
指定した要素(hnなど)を抜き出しで目次を自動作成。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200909-29.png)
Pretty checkboxes
チェックボックスやサブミットをスタイリング。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200909-16.png)
In-Field Labels
フォームの入力欄にラベルを表示。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200909-26.png)
Make a Select's Options Printable
セレクトボックス内のデータも印刷できるように。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200909-18.png)
jClock
表示形式が選べる時計。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200909-21.png)
Sliding Tab Menu for Sidebar
複数のパネルがスライドして切り替わるタブUI。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200909-31.png)
Simple jQuery tabs
div要素のパネルを切り替えるシンプルなタブUI。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200909-23.png)
jWizard
パネルをウイザード形式で表示。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200909-24.png)
jScroller
パネルを水平・垂直にスライド表示。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200909-28.png)
PfeLoader
スタイルシートで配置した画像もスキャンするプリローダー。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200909-22.png)
jQuery.printElement
プリント用にさまざまな要素を最適化。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200909-32.png)
Simple Text Resizer
テキストのサイズを変更するシンプルなリサイザー。
![デモのキャプチャ](/wp-content/uploads-2009-2d/200909-00.png)
スムーズ ページスクローラー
最後は、コリス作です。
sponsors