ポップアップ・モーダル ウィンドウ プラグイン


ポップアップ

シンプルにポップアップを実装できる「PopBox」
実装方法が選べるツールチップ用プラグイン「Smallipop」

http://getbootstrap.com/

Bootstrap Popovers

Bootstrap Popovers サイト


http://vadimsva.github.io/popModal/

popModal

#モーダル #ツールチップ
popModal



モーダルウィンドウ

シンプルにモーダルウィンドウを実装できる「leanModal」
Bootstrap Modal + 拡張機能が実装できるプラグイン
Lightboxなどが実装できるプラグイン「Magnific Popup」
Lightboxプラグイン「Boxer」

http://labs.voronianski.com/jquery.avgrund.js/

Avgrund Modal

#オープン時のアニメーションが特徴
Avgrund Modal サイト


https://camo.githubusercontent.com/65604959ee6fc9f81afbe8a1c3eccc57f28c31a3/687474703a2f2f692e696d6775722e636f6d2f653942325a2e706e67

Bootstrap Application Wizard

#ウィザード
Bootstrap Application Wizard サイト


http://dinbror.dk/bpopup/

http://dixso.github.io/custombox/

Custombox

#CSS3 #オープンエフェクト
Custombox サイト


http://tympanus.net/Development/ModalWindowEffects/

Nifty Modal Window Effects

#CSS3 #オープンエフェクト
Nifty Modal Window Effects


http://pgwjs.com/pgwmodal/

PgwModal

#レスポンシブ
PgwModal サイト


http://anseki.github.io/jquery-plainmodal/

plainModal

#表示位置指定
plainModal サイト


http://www.no-margin-for-errors.com/projects/prettypopin/

prettyPopin

prettyPopin サイト


http://vodkabears.github.io/remodal/

Remodal

#軽量
Remodal サイト


http://stefan.codes/stackbox/styled/

Stackbox

#オープン時のアニメーション
Stackbox サイト


http://www.thepetedesign.com/demos/subscribe-better_demo.html

jQuery Subscribe Better

#スクロールで自動表示
jQuery Subscribe Better サイト


The Modal デモ


その他

http://thomasgrauer.com/popeasy/

Pop Easy

#要素スライド
Pop Easy サイト


  • このエントリーをはてなブックマークに追加

関連記事

商用利用フリー Lightbox プラグイン

商用利用フリー(投稿時)のlightbox用プラグインをまとめてみました。最新のライセンスに関しては各サイトに確認をお願いいたします。) lightboxの中にもギャラリー表示が可能なもの、ギャラリ

ナビゲーション内にサムネイルを設置できる画像スライダー・ギャラリー用プラグイン

画像ギャラリーを作成してくれるjQueryプラグインはたくさん制作されています。その中でもサムネイルを使用してギャラリーのナビゲーションを行ってくれるプラグインをいくつか集めてみました。 サムネ

no image

「jqPlot」を使って棒グラフを作成

jqPlotを使って棒グラフを作成してみました。ベースはこの記事を参照ください。 スクリプト jqPlotのベースとなるjsファイルと以下の棒グラフの作成に必要なスクリプトを読み込んで下さい。

no image

画像をモザイク処理(ピクセル化)してくれるプラグイン「Pixelate.js」

「Pixelate.js」はその名の通り画像をピクセル化してくれるjQueryプラグインです。画面ロード時にピクセル化しておき、画像にマウスオーバーすると暴露してくれます。 ダウンロード | デモ

入力テキストの文字数をカウントしてくれる「Textchange」

Twitterのようにinputやtextareaに入力した際に、文字数をカウント(ダウン)してくれるとユーザの利便性が上がります。今回使用したTextChangeは、それ以外にも入力のイベントに対し

マウスオーバーすると画像にキャプションを表示してくれる「Mosaic」

「Mosaic」は、画像などにマウスオーバーすると、キャプションをスライド(イン/アウト)もしくはフェイド(イン/アウト)させてくれるjQueryプラグインです。ダウンロードはこちら スクリプト

Lightboxプラグイン「Boxer」

「Boxer」はLightboxやモーダルウィンドウを実装できるjQueryプラグインです。画像だけでなく動画にも対応しています。 モバイル環境にも最適化されていて、#レスポンシブ 対応で、#スワイ

数値入力スライダー「jQuery Simple Slider」

「jQuery Simple Slider」はスライダーを使用して数値設定が行えるようにしてくれるjQueryプラグインです。"Unobtrusive Numerical Slider"とあるように余

タブを画面サイズによってアコーディオンにしてくれる「Easy Responsive Tabs to Accordion」

「Easy Responsive Tabs to Accordion」はタブ表示を画面サイズによって折りたたみのアコーディオン形式に変換してくれるjQueryプラグインです。 デフォルトでは、768

no image

時刻入力に便利な「Timepicker for Bootstrap」(Bootstrap 2)

「Timepicker for Bootstrap」は、テキストボックスへの時刻入力を便利にしてくれるjQueryプラグインです。 目次 実装方法 モダール形式 Datepicker

Comment

Message

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

*

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

    PAGE TOP ↑