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

bgStretcher
写真などの背景画像をブラウザ枠いっぱいに簡単に配置。

Anystretch
エレメントの背景画像のサイズを表示サイズに合わせて最適化します。

Sequence.js
パネル内のエレメントごとに動作設定ができる高性能なスライダー。
[ad#ad-2]

Glisse.js
キーフレームを使ったCSS3アニメーション対応の画像ギャラリー。

Camera
表示サイズに合わせて最適なレイアウトを提供するResponsive Design対応のスライドショー。

Responsive Slides
IE6にも対応しているResponsive Design用のスライダー。

Casual Slider
4KBと軽量ながら充分な機能を備えたコンテンツスライダー。

Adipoli
画像のホバー時にさまざまなアニメーションで目立たせます。

Rotating Image
画像をくるっとアニメーションで回転させます。

Roundabout
複数のエレメントをターンテーブルのようにぐるぐる回します。

noty
ページの指定箇所にメッセージパネルをアニメーションで表示。

gips
シンプルでカスタマイズも可能なツールチップ。

qTip2
バリエーション豊富なツールチップ。

Sweet Tooltip
かわいらしいデザインのツールチップ。
[ad#ad-2]

Akordeon
カスタマイズ性に優れたアコーディオン。

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

BoxyMenu
スライドのアニメーションで子リンクを表示します。

Circle Menu
ナビゲーションをサークル状にくるくるっと表示します。

Promptumenu
リスト要素を使って、iPhoneのホーム画面のようなナビゲーション。

TextExt
キーワードやヒントを表示し、フォームの入力を支援します。

Jeditable
ページ上のテキストをインライン編集可能にします。

jQuery URL parser
URLの構成要素を解析します。

jQuery Geo
位置情報を取得して、インタラクティブなマップを作成できます。

Morris.js
Raphaëlを使って、美しいベクターのグラフを作成。

youRhere
ページのここまで読んだ「しおり」をつけることができます。

Arctext.js
テキストを曲線状に配置します。

blur.js
エレメントにブラー効果を与えます。

turn.js
雑誌のように紙がぺろっとめくれるエフェクト。

scrollorama
ページのスクロールに合わせて、さまざまなエフェクトがつけられます。

Scroll Path
ページ内のコンテンツをパスに沿って、次々に表示します。

Curtain.js
スクロールするとカーテンのように次のコンテンツが表示されます。

PageSlide
Facebookモバイル版のように、コンテンツを横にスライドします。

Page Scroller
ナビゲーション機能付きのページスクローラー。

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