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

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

デモのキャプチャ

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

デモのキャプチャ

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

デモのキャプチャ

jCanvas
HTML5 canvasを簡単に利用できるようにします。

デモのキャプチャ

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

デモのキャプチャ

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

デモのキャプチャ

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

デモのキャプチャ

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

デモのキャプチャ

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

デモのキャプチャ

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

デモのキャプチャ

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

デモのキャプチャ

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

デモのキャプチャ

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

デモのキャプチャ

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

デモのキャプチャ

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

デモのキャプチャ

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

デモのキャプチャ

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のドラッグスクロールをシミュレートします。

デモのキャプチャ

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

top of page

©2018 coliss