[JS]jQueryのプラグイン33+1選 -2011年10・11月

紹介済みから未紹介のものまで、jQueryのプラグイン34選です。

デモのキャプチャ

FlexSlider
シンプルながら高性能でセマンティックなマークアップのスライダー。

デモのキャプチャ

Slidorion
画像スライダーとアコーディオンを組みあせて、コンテンツを表示します。

デモのキャプチャ

Coulisse
HTML5で実装する画像をアニメーションで表示するカバーフロー。

[ad#ad-2]

デモのキャプチャ

FerroSlider
プレゼンなどに最適、さまざまなレイアウトが可能なパネルスライダー。

デモのキャプチャ

Apple's New Slide Menu
スピード感溢れるアニメーションを伴ったスライダー。

デモのキャプチャ

Flexible Slide-to-top Accordion
ダイナミックなアニメーションが楽しいResponsive対応のシンプルなアコーディオン。

デモのキャプチャ

liteAccordion
オプションが豊富な水平タイプのアコーディオンパネル。

デモのキャプチャ

Vertical Accordion effect
リスト要素で実装するシンプルな垂直タイプのアコーディオン。

デモのキャプチャ

Monte
IE6にも対応、スムーズなアニメーションで動作するカルーセル。

デモのキャプチャ

Organic Tabs
コンテンツの量に応じてパネルの高さを変更するタブ。

デモのキャプチャ

slimScroll
オリジナルのスクロールバーを伴ったパネルを生成。

デモのキャプチャ

Portamento
スクロール操作に追従して定位置に表示されるフロートパネル。

デモのキャプチャ

Notification
ページ上部にアニメーションでスライド表示する通知パネル。

デモのキャプチャ

notify
さまざまな通知パネルを簡単に設置できます。

デモのキャプチャ

ColorBox
カスタマイズも簡単、シンプルで軽量の画像を拡大するLightboxスクリプト。

デモのキャプチャ

Hoverizr
画像にグレースケールやブラー効果を与えます。

[ad#ad-2]

デモのキャプチャ

Shuffle Letters Effect
文字を指定した文字列からランダムにカシャカシャ切り替えます。

デモのキャプチャ

jTicker
タイピングしているようなアニメーションでテキストを表示します。

デモのキャプチャ

TeZoom
テキストをスムーズなアニメーションでズームします。

デモのキャプチャ

ImageMapster
複雑な形状でもイメージマップを作成します。

デモのキャプチャ

Div Linker
div要素の全部をクリック可能にします。

デモのキャプチャ

Simple Elements Mapper
ページ内の各エレメントをグラフィカルにマッピング。

デモのキャプチャ

PageScroll (ScrollTo-Alternative)
ページ内のリンクをスムーズなスクロールでナビゲート。

デモのキャプチャ

Joyride
ページ内の次にどこを見るべきか案内してくれます。

デモのキャプチャ

Timelinr
アニメーションでスライドする時間軸コンテンツを実装。

デモのキャプチャ

colResizable
コラムのサイズを変えることができるテーブルを生成します。

デモのキャプチャ

Nyan Cat Slider
にゃんキャットのスライドバーです。

デモのキャプチャ

Botones CSS3 (CSS3 Buttons)
CSS3を使った美しいボタンを簡単に実装できます。/p>

デモのキャプチャ

OKShadow
アニメーションで追随するドロップシャドウを生成します。

デモのキャプチャ

pShadow
画像やボックスに紙のようなドロップシャドウを適用します。

デモのキャプチャ

DropKick
セレクトボックスの見栄えをかっこよくします。

デモのキャプチャ

Vibrate
ボタンやdiv要素やフォームなどさまざまな要素を揺らします。

デモのキャプチャ

jFL - Fluid Adaptive Layout
表示サイズに合わせてレイアウトやフォントのサイズ・ポジションを変更。

デモのキャプチャ

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

sponsors

top of page

©2024 coliss