LINEで送る
Pocket

前回は、『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を使ったサンプル集

Similar Posts:

LINEで送る
Pocket


11 Thoughts on “jQueryサンプル集”

コメントを残す

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