2015/01/07
スタイリッシュなポップアップ/モーダルウインドウ用jQuery無料プラグイン25
![スタイリッシュなポップアップ/モーダルウインドウ用jQueryプラグイン53選](https://co-jin.net/wp-content/uploads/2015/01/ModalWindowEffects.jpg)
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アソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
今さら聞けない!作業時間を短縮するChrome用ショートカットベスト・コレクション
ブラウザはChromeを使ってます。 そのChromeでサイトを制作したり、ブログを書いたりしてい
-
-
売上手数料なし!簡単・便利なWixStoresでネットショップを開業する方法
「知識ゼロだけど自分でネットショップを作りたい」「業者に頼む余裕も予算もない」そんな方にオススメなの
-
-
未知との遭遇!クリックするたび何かに役立つサイトを紹介する「Random Useful Websites」
クリックするたび何かに役立つサイトを紹介してくれるサイトをご紹介。 このサイト、まったく自分の興味
-
-
参考にしたい!シンプルで美しいWEBデザイン50(〜2014.02)
2014年2月現在までに公開されているサイトのうち、美しくスッキリしたデザインをコレクションしてみま
-
-
Chromeのタブをクリックするだけで音声を消す方法
Google Chromeのタブをクリックするだけで音声を消す方法をご紹介します。 Chromeの
-
-
これは簡単!ポリゴン画像生成ジェネレーター「Trianglify Generator」
簡単・無料で利用できるこポリゴン画像生成ジェネレーターをご紹介。 背景画像などによく使われているポ
-
-
セキュリティー/プライバシーにすぐれたブラウザ6選
IE、Chrome、Safari、Firefoxといったメジャーブラウザ以外にもたくさんのブラウザが
-
-
WEBデベロッパーのためのおすすめYouTubeチャンネル15選
WEBデベロッパーのためのおすすめYouTubeチャンネルをご紹介します。 対象はHTML、CSS
-
-
無料で利用できる検索フォーム12(CSS3,HTML5,jQuery)
検索フォームはサイトに欠かせない重要な要素の1つになっています。 最近では、アニメーションを用いた
-
-
WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート80
WEBデザインを勉強するうえで大切なのが、自分でいいなあと感じたデザインをそのままマネしてつくってみ