2015/01/07
スタイリッシュなポップアップ/モーダルウインドウ用jQuery無料プラグイン25

jQueryで実装できるスタイリッシュなポップアップ/モーダルウインドウ用プラグインをご紹介します。
数は全部で25種類。
簡単に実装できるものばかりなのに加えて、チュートリアル付きのプラグインもたくさんあるので、実装する際にはとても参考になります。
もちろんすべて無料。
お役に立てましたら、幸いです。
Nifty Modal Window Effects
19種類のエフェクトからなるポップアップウインドウ。
チュートリアル付き。
DownloadDemo
Build a Popup Modal Window Using the jQuery
シンプルなポップアップモーダルウインドウ。
詳しいチュートリアル付き。
DownloadDemo
jQuery Confirm Dialog Replacement with CSS3
こちらも、シンプルなポップアップモーダルウインドウ。
詳しいチュートリアルがついています。
DownloadDemo
jQuery Impromptu – Jquery Popup Plugin
ユーザビリティが考慮されたフォーム入力に最適なポップアッププラグイン。
DownloadDemo
Simple Modal jQuery Popup Window
シンプルかつ使い方も簡単なプラグイン。
動画などにも対応しています。
DownloadDemo
CSS3 Sleek Black Jquery Modal Window
CSSだけでつくられたモーダルウインドウ。
ボタンを追加する場合はjsを追加します。
DownloadDemo
Zebra Dialog Box – jQuery Popup Plugin
ダイアログ用ポップアップウインドウプラウグイン。
詳しいチュートリアル付き。
DownloadDemo
Custom JavaScript Dialog Boxes
4.5キロバイトと軽量なプラグイン。
4種類のデザインが用意されています。
DownloadDemo
Popup Modal Window
こちらもシンプルなポップアップウインドウ。
DownloadDemo
bopup – Jquery Popup Plugin
1.49キロバイトと軽量なプラグイン。
エフェクトの種類、カスタマイズ性にもすぐれています。
DownloadDemo
jQuery YouTube Popup Player Plugin
YouTube用プラグイン。
詳しいチュートリアル付き。
DownloadDemo
Messi – Simple Jquery Popup Plugin
クリーンかつエレガントなダイアログボックスを実装できるプラグイン。
DownloadDemo
TinyBox 2 – Javascript Modal Windows
軽量かつスタイリッシュなポップアップ用プラグイン。
DownloadDemo
Apprise – The attractive jQuery Alert Alternative
2万3000回ダウンロードされているというプラグイン。
DownloadDemo
NOTY – Jquery Notification Popup Plugin
アラートを簡単に作成できるポップアップ用プラグイン。
Download
CSS Love Confirmation
テキストやアラート、入力などに対応したポップアップ用プラグイン。
DownloadDemo
Simple jQuery Modals Made Easy
1.75KBと超軽量でありながら、クロスブラウザに対応したZerb製のプラグイン。
DownloadDemo
Jquery Popup Dialog with Date Picker Demo
日付ピッカーがついたポップアップダイアログ。
DownloadDemo
LeanModal – jQuery Popup Window
hidden pageに適したポップアップ用プラグイン。
DownloadDemo
SimpleModal jQuery Popup Box
シンプルながら多様なコンテンツに対応したポップアップ用プラグイン。
DownloadDemo
iOS7-like Confirm Dialog
iOSライクなダイアログボックスを実装できるプラグイン。
DownloadDemo
jQuery modalPopLite
シンプルかつ軽量なポップアップ用クラグイン。
DownloadDemo
jQuery PopBox – Jquery Popup Plugin
テキスト入力エリア用のプラグイン。
DownloadDemo
Greybox – Simple Jquery Popup Plugin
軽量プラグインで、画像などのコンテンツを表示できます。
DownloadDemo
Bootstrap 3 & AngularJS Dialog/Modals
Bootstrap3、angular.js用のモーダルウインドウ用プラグイン。
DownloadDemo
Sponsored by
お役に立てましたら、以下どれでも結構のですので、ポチリと……。
Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
ファイルのウイルス・マルウエアを無料でスキャンできるオンラインサービス9
ファイルのウイルスやマルウエアを無料でスキャンできるオンラインサービスセキュリティーサービスをご紹介
-
-
プロジェクトにすぐ使えるハイクオリティーなHTML/CSS無料テーマテンプレート集100
HTML/CSS無料テーマテンプレートでハイクオリティーなものがありましたのでご紹介します。 これ
-
-
一石二鳥!ベンダープレフィックスをブラウザ上で追加し、CSSのミスも指摘してくれる「Autoprefixer」
ベンダープレフィックスvendor prefixesをブラウザ上で追加してくれたうえで、CSSのミス
-
-
CSSボタンのコピペに!CSSでつくられたボタンのコードが100以上コレクションされている「CSS Buttons」
CSSボタンの参考やコピペに使える、とても参考になるCSSボタンのコードがコレクションされているサイ
-
-
背景画像をサッとつくれる便利ツール20選
背景画像をサッとつくれる便利ツールやサイトをご紹介します。 背景にちょっと手を加えるだけで、見た目
-
-
CSS3だけで映画のエンドロール風エフェクトを表現した「Movie Credits」
CSS3って、とっつきやすいうえに、表現力も豊かで、実装するのが楽しくなってしまいます。 表現力豊
-
-
twitterでのキーワードのひろがりを調べられるツール「twimp」
twitterでのキーワードのひろがりを調べられるツール「twimp」をご紹介します。 作成者した
-
-
コード/js不要!ドラッグ&ドロップだけでCSSイメージスライダーがつくれるアプリ「cssSlider」
イメージスライダーは限られたスペースに多くの視覚的情報を盛り込めるので、ショップなどでは非常によく利
-
-
これは簡単!CSSだけで棒グラフ/チャートが作成できてしまう「chart.css」
CSSだけで棒グラフ/チャートが作成できてしまう「chart.css」をご紹介します。 CSSファ
-
-
通信量無制限!? 隣近所のWiFiをシェアして利用し放題にする注目のサービス「シェアWiFi」
隣近所のWiFiをシェアして利用し放題にする注目のサービス「シェアWiFi」がリリースされました。