[JS]jQueryのプラグイン33+1選 -2011年5月
Post on:2011年5月31日
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。

jquery.animate-enhanced plugin
IE6互換、$.animate()を拡張しCSSアニメーションを実装します。

jquery.transition.js
モダンブラウザではCSS3、レガシーブラウザでは$.animate()でアニメーション。

jCanvas
HTML5 canvasを簡単に利用できるようにします。
[ad#ad-2]

Mosaic
画像にアニメーションを伴ったキャプションを表示します。

imgplayer
表示位置・アニメーションなどが個々に設定できるスライドショー。

Backstretch
ブラウザのサイズ変更してもフィットするように、画像を背景に配置します。

IntroTzikas
ページを読み込む際のイントロに、軽量のアニメーションを加えます。

Apprise
アラートボックスのスタイル・ポジション・表示方法をコントロールします。

aMenu
さまざまなアニメーションで子階層が表示されるナビゲーション。

Vertical Accordion Menu
垂直タイプのアコーディオンメニュー。

Mega Drop Down Menu
メガドロップダウンメニュー。

Drill Down Menu
ドリルダウンメニュー。

Slick
ブラウザの四辺のタブからパネルをアニメーション表示します。

Floater
スクロールしても定位置にタブを表示し、ナビゲーションなどをアニメーション表示します。

ScreenFloat
ブラウザの右上の定位置にパネルをフロート表示します。
[ad#ad-2]

Fancy Countdown
カスタマイズが簡単なかわいいデザインのカウントダウン。

piano
ピアノのキーボードレイアウトをつくりだします。

Form-Validator
フォームの入力されたデータをチェックします。

multiEmail
フォームのメール入力の機能を強化します。

printQR
ページ内のリンクを印刷時にQRコード付き一覧にします。

Link Manager
リンクをtarget無しで別窓で開くなど、リンクマネージャー。

hoverFadeColor
テキストリンクのホバー時にカラーをフェードで変更します。

highlight
指定した文字列をハイライト表示にします。

Lazy Styler
classに直接スタイルを定義できます。

Skitter
多種多少なアニメーションで画像を変更するスライドショー。
キャプチャは「cube」、キューブ状になって変更します。

Agile Carousel
シンプルなものから多機能なものまでさまざまなUIのカルーセル。

CoverScroll
ホイール操作にも対応したカバーフロー、画像を追加するのも可能です。

zooma
画像の一部を拡大表示します。

FitText
見出しなどのテキストを親要素にフィットさせて表示します。

Lazy Loader
画像だけでなく、HTMLコンテンツもLazy Loadの対象にします。

tooltipsy
スタイルやアニメーション・ポジションなどが調整できるツールチップ。

HoverPanel
ホバーしたパネルだけハイライト表示します。

Drag Scroller
iPhone, iPadのドラッグスクロールをシミュレートします。

スムーズ ページスクローラー
最後は、コリス作です。
sponsors