[JS]jQueryのプラグイン33+1選 -2011年5月
Post on:2011年5月31日
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。
![デモのキャプチャ](/wp-content/uploads-2011/201105-01.png)
jquery.animate-enhanced plugin
IE6互換、$.animate()を拡張しCSSアニメーションを実装します。
![デモのキャプチャ](/wp-content/uploads-2011/201105-02.png)
jquery.transition.js
モダンブラウザではCSS3、レガシーブラウザでは$.animate()でアニメーション。
![デモのキャプチャ](/wp-content/uploads-2011/201105-24.png)
jCanvas
HTML5 canvasを簡単に利用できるようにします。
[ad#ad-2]
![デモのキャプチャ](/wp-content/uploads-2011/201105-04.png)
Mosaic
画像にアニメーションを伴ったキャプションを表示します。
![デモのキャプチャ](/wp-content/uploads-2011/201105-16.png)
imgplayer
表示位置・アニメーションなどが個々に設定できるスライドショー。
![デモのキャプチャ](/wp-content/uploads-2011/201105-11.png)
Backstretch
ブラウザのサイズ変更してもフィットするように、画像を背景に配置します。
![デモのキャプチャ](/wp-content/uploads-2011/201105-10.png)
IntroTzikas
ページを読み込む際のイントロに、軽量のアニメーションを加えます。
![デモのキャプチャ](/wp-content/uploads-2011/201105-06.png)
Apprise
アラートボックスのスタイル・ポジション・表示方法をコントロールします。
![デモのキャプチャ](/wp-content/uploads-2011/201105-12.png)
aMenu
さまざまなアニメーションで子階層が表示されるナビゲーション。
![デモのキャプチャ](/wp-content/uploads-2011/201105-17.png)
Vertical Accordion Menu
垂直タイプのアコーディオンメニュー。
![デモのキャプチャ](/wp-content/uploads-2011/201105-18.png)
Mega Drop Down Menu
メガドロップダウンメニュー。
![デモのキャプチャ](/wp-content/uploads-2011/201105-19.png)
Drill Down Menu
ドリルダウンメニュー。
![デモのキャプチャ](/wp-content/uploads-2011/201105-20.png)
Slick
ブラウザの四辺のタブからパネルをアニメーション表示します。
![デモのキャプチャ](/wp-content/uploads-2011/201105-21.png)
Floater
スクロールしても定位置にタブを表示し、ナビゲーションなどをアニメーション表示します。
![デモのキャプチャ](/wp-content/uploads-2011/201105-25.png)
ScreenFloat
ブラウザの右上の定位置にパネルをフロート表示します。
[ad#ad-2]
![デモのキャプチャ](/wp-content/uploads-2011/201105-03.png)
Fancy Countdown
カスタマイズが簡単なかわいいデザインのカウントダウン。
![デモのキャプチャ](/wp-content/uploads-2011/201105-23.png)
piano
ピアノのキーボードレイアウトをつくりだします。
![デモのキャプチャ](/wp-content/uploads-2011/201105-26.png)
Form-Validator
フォームの入力されたデータをチェックします。
![デモのキャプチャ](/wp-content/uploads-2011/201105-14.png)
multiEmail
フォームのメール入力の機能を強化します。
![デモのキャプチャ](/wp-content/uploads-2011/201105-22.png)
printQR
ページ内のリンクを印刷時にQRコード付き一覧にします。
![デモのキャプチャ](/wp-content/uploads-2011/201105-29.png)
Link Manager
リンクをtarget無しで別窓で開くなど、リンクマネージャー。
![デモのキャプチャ](/wp-content/uploads-2011/201105-15.png)
hoverFadeColor
テキストリンクのホバー時にカラーをフェードで変更します。
![デモのキャプチャ](/wp-content/uploads-2011/201105-08.png)
highlight
指定した文字列をハイライト表示にします。
![デモのキャプチャ](/wp-content/uploads-2011/201105-13.png)
Lazy Styler
classに直接スタイルを定義できます。
![デモのキャプチャ](/wp-content/uploads-2011/201105-07.png)
Skitter
多種多少なアニメーションで画像を変更するスライドショー。
キャプチャは「cube」、キューブ状になって変更します。
![デモのキャプチャ](/wp-content/uploads-2011/201105-28.png)
Agile Carousel
シンプルなものから多機能なものまでさまざまなUIのカルーセル。
![デモのキャプチャ](/wp-content/uploads-2011/201105-33.png)
CoverScroll
ホイール操作にも対応したカバーフロー、画像を追加するのも可能です。
![デモのキャプチャ](/wp-content/uploads-2011/201105-31.png)
zooma
画像の一部を拡大表示します。
![デモのキャプチャ](/wp-content/uploads-2011/201105-30.png)
FitText
見出しなどのテキストを親要素にフィットさせて表示します。
![デモのキャプチャ](/wp-content/uploads-2011/201105-09.png)
Lazy Loader
画像だけでなく、HTMLコンテンツもLazy Loadの対象にします。
![デモのキャプチャ](/wp-content/uploads-2011/201105-32.png)
tooltipsy
スタイルやアニメーション・ポジションなどが調整できるツールチップ。
![デモのキャプチャ](/wp-content/uploads-2011/201105-27.png)
HoverPanel
ホバーしたパネルだけハイライト表示します。
![デモのキャプチャ](/wp-content/uploads-2011/201105-05.png)
Drag Scroller
iPhone, iPadのドラッグスクロールをシミュレートします。
![デモのキャプチャ](/wp-content/uploads-2011/201105-00.png)
スムーズ ページスクローラー
最後は、コリス作です。
sponsors