jQueryサンプル集

前回は、『Scriptを使わないCSSエフェクト、Tipsいろいろ』をご紹介いたしました。 今回は、逆にjQueryを使ったサンプル集です。なるべく簡単に使えそうな、プラグインを中心にまとめてみました。

Lightbox, Modal Window関連

jQuery lightBox plugin

とってもシンプルなLightboxプラグイン。

jQuery lightBox plugin

Facebox

画像だけでなく、テキストも表示できます。

Facebox

prettyPhoto a jQuery lightbox clone

角丸がかわいいLightboxですね。

prettyPhoto a jQuery lightbox clone

NyroModal

画像やYouTubeの動画やフォームなど

NyroModal

SimpleModal

その名の通り、とってもシンプルなModalWindow

SimpleModal

画像関連

jQZoom

虫眼鏡のように、画像をズームしてくれます。

jQZoom

jQuery virtual tour

不動産屋さんの物件紹介などでよく見かける、ヴァーチャルツアー

jQuery virtual tour

Photo Slider

サムネイルの動きがいい感じのPhoto Slider

Photo Slider

jQuery Cycle Plugin

スライドショープラグイン

jQuery Cycle Plugin

jCarousel

縦や横にスライドできるスライダー

jCarousel

jCarousel Lite

こちらもスライダーの軽いバージョン

jCarousel Lite

jQuery Gallery Scroller

画像をクリックすると、次の画像がスライドしてきます。

jQuery Gallery Scroller

Drop Shadow jQuery Plugin

画像にシャドウをつけてくれるプラグイン

Drop Shadow jQuery Plugin

メニュー関連

IconDock

MacのDock風なメニュー

IconDock

LavaLamp for jQuery lovers!

マウスオーバーすると、LavaLampのように、丸い画像がついてきます。

LavaLamp for jQuery lovers!

Sliding Menu

メニューがびよ〜んと出てきます。

Sliding Menu

SuckerFish Style

プルダウンメニューが作れます。

SuckerFish Style

Accordion

アコーディオンのUI

Accordion

フォーム関連

jNice, styled forms

スタイリッシュなフォームを作るにはこちら

jNice, styled forms

Select Box replacement

セレクトボックスをカスタマイズ

Select Box replacement

jQuery Checkbox

チェックボックスをカスタマイズ

jQuery Checkbox

jquery.combobox

コンボボックスをカスタマイズ

jquery.combobox

focus fields

ボックスをクリックするとハイライトされます。

focus fields

ToggleFormText plug-in

ボックスにテキストが表示されていて、クリックすると非表示にします。

ToggleFormText plug-in

テーブル関連

Tablesorter

ソートができるテーブル。

Tablesorter

Table Drag and Drop JQuery plugin

ドラッグ&ドロップできるテーブル。

Table Drag and Drop JQuery plugin

HeatColor

値に応じて背景色をかえるプラグイン。テーブル以外にも使えます。

HeatColor

その他お役立ち

jVariations

右側のフォームに応じて、ページの表示を切り替えられます。

jVariations

Jquery Wizard Plugin

何かと使えそうで便利なウィザードプラグイン

Jquery Wizard Plugin

jQuery clueTip

いろいろなタイプのツールチップを表示できます。

jQuery clueTip

jQuery Chart Plugin

チャートのプラグイン

jQuery Chart Plugin

jQuery color picker plug-in

カラーピッカープラグイン

jQuery color picker plug-in

Color Picker

こちらもカラーピッカープラグイン

Color Picker

Progress Bar Plugin

プログレスバーを表示するプラグイン

Progress Bar Plugin

お役立ちjQueryまとめ

50+ Amazing Jquery Examples- Part1

51種類の使えるjQueryのサンプルがまとめられております。

50+ Amazing Jquery Examples- Part1

The ultimate jQuery Plugin List

こちらにもかなり多くのPluginがリストアップされていました。

The ultimate jQuery Plugin List

1012 + Ajax/Javascript/Dhtml examples and demos to download

こちらは、jQueryだけでなく、いろいろなFrameworkを紹介されています。

1012 + Ajax/Javascript/Dhtml examples and demos to download

jQueryを使ったサンプル集

関連記事

10件のコメント

  1. デザインセンスのない自分にとって
    このサイトのサンプルは非常に助かりました。
    ありがとうございます。

  2. ピンバック: JSPT - jQueryサンプル集
  3. ピンバック: Ys DESIGN

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です