[JS]jQueryのプラグイン33+1選 -2010年1・2月
Post on:2010年2月9日
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。
![デモのキャプチャ](/wp-content/uploads-2010/201001-21.png)
Notify Bar
メッセージやエラーやアラートなどをブラウザ上部からスライド表示。
![デモのキャプチャ](/wp-content/uploads-2010/201001-01.png)
Slide box
パネルをブラウザの上や下からスライド表示。
![デモのキャプチャ](/wp-content/uploads-2010/201001-11.png)
Meerkat
プロモーションや広告をストレス無く表示。
![デモのキャプチャ](/wp-content/uploads-2010/201001-08.png)
Feature List
打ち出しを次々に変更するコンテンツスライドショー。
![デモのキャプチャ](/wp-content/uploads-2010/201001-15.png)
hoverFlow
jQueryのアニメーション機能をよりスムーズに。
![デモのキャプチャ](/wp-content/uploads-2010/201001-25.png)
jAni
再生機能もついた背景画像でアニメーション。
![デモのキャプチャ](/wp-content/uploads-2010/201001-07.png)
Fresh Content Accordion
アニメーションの動作が気持ちいいアコーディオン。
![デモのキャプチャ](/wp-content/uploads-2010/201001-32.png)
Zoom Image Rollover
ロールオーバーで画像を拡大。
![デモのキャプチャ](/wp-content/uploads-2010/201001-02.png)
ImageFadingSlider
画像をフェードで変更。
![デモのキャプチャ](/wp-content/uploads-2010/201001-09.png)
simple slideshow
フェードを使ったシンプルで軽量のスライドショー。
![デモのキャプチャ](/wp-content/uploads-2010/201001-24.png)
PanoScroll
大きなパノラマ画像をゆっくりとスクロール表示。
![デモのキャプチャ](/wp-content/uploads-2010/201001-04.png)
Vertical Sliding Bar Thumbnail Effect
垂直方向にパネルがスライドして画像を変更。
![デモのキャプチャ](/wp-content/uploads-2010/201001-14.png)
Roundabout
要素をターンテーブルのようにくるくるっと表示。
![デモのキャプチャ](/wp-content/uploads-2010/201001-30.png)
Flash 3D Carousel
3D空間をぐるぐる回転。
![デモのキャプチャ](/wp-content/uploads-2010/201001-19.png)
Flex Level Popup Menu
テキストやイメージマップなどにポップアップメニューを設置。
![デモのキャプチャ](/wp-content/uploads-2010/201001-12.png)
jQuery Context Menu script
オリジナルのコンテクストメニューを実装。
![デモのキャプチャ](/wp-content/uploads-2010/201001-23.png)
TipTip
位置調整などカスタマイズが可能なツールチップ。
![デモのキャプチャ](/wp-content/uploads-2010/201001-06.png)
Masonry
パネルを隙間なくレンガ風に配置。
![デモのキャプチャ](/wp-content/uploads-2010/201001-18.png)
ThreeDots
長いテキストを自動省略。
![デモのキャプチャ](/wp-content/uploads-2010/201001-16.png)
TufteGraph
きれいな棒グラフを簡単に作成。
![デモのキャプチャ](/wp-content/uploads-2010/201001-13.png)
jQuery autosave plug-in
フォームの入力データをクッキーに自動保存。
![デモのキャプチャ](/wp-content/uploads-2010/201001-20.png)
AutoSuggest jQuery Plugin
入力したテキストをヒントに候補を表示。
![デモのキャプチャ](/wp-content/uploads-2010/201001-22.png)
Form Tips
フォームのデフォルトにメッセージを表示。
![デモのキャプチャ](/wp-content/uploads-2010/201001-27.png)
Simplest Twitter-like dynamic character count
Twitterのように入力できる残りの文字数を表示。
![デモのキャプチャ](/wp-content/uploads-2010/201001-05.png)
TextboxList
入力した情報を簡単に削除できるようにリスト化。
![デモのキャプチャ](/wp-content/uploads-2010/201001-28.png)
Form Design with Sliding Labels
マウスをフォーカスすると、ラベルがスライド移動。
![デモのキャプチャ](/wp-content/uploads-2010/201001-29.png)
Fancy Radio Buttons
ラジオボタンをファンシーにスタイリング。
![デモのキャプチャ](/wp-content/uploads-2010/201001-33.png)
Stylish Select
セレクトボックスのデザイン変更や高さを制限。
![デモのキャプチャ](/wp-content/uploads-2010/201001-31.png)
Password Strengthener
パスワードの強度を表示。
![デモのキャプチャ](/wp-content/uploads-2010/201001-03.png)
Slider plugin (Safari style)
複数のコントロールも可能なスライダー。
![デモのキャプチャ](/wp-content/uploads-2010/201001-10.png)
Live Preview
入力したものがライブで確認できる。
![デモのキャプチャ](/wp-content/uploads-2010/201001-17.png)
#grid
ページにグリッドを表示。
![デモのキャプチャ](/wp-content/uploads-2010/201001-26.png)
jQuery Lint
jQueryを正しく使用できているかチェック。
![デモのキャプチャ](/wp-content/uploads-2010/201001-00.png)
スムーズ ページスクローラー
最後は、コリス作です。
sponsors