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


ポップアップ

シンプルにポップアップを実装できる「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 サイト


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

関連記事

画像ギャラリーを実装できる「Galleria」

Galleriaは、わずか数行で画像ギャラリーが作成できるjQueryプラグインです。Airbnbのページで使用されていて、コレいいな~と思い試してみました。 ナビゲーション内にサムネイルを

実装方法が選べるツールチップ用プラグイン「Smallipop」

Smallipopは、ツールチップの実装をマークアップベース(HTMLに書き出し)とJavascriptベース両方で行えるjQueryプラグインです。世の中この手のツールは結構片方でのみだったりします

レスポンシブ対応の画像スライダー・ギャラリー用プラグイン

画像スライダー(ギャラリー)を作成してくれるjQueryプラグインの中からレスポンシブ対応のものをいくつか集めてみました。 シンプルでカスタマイズ豊富なスライダー用プラグイン「bxSlide

no image

グリッドレイアウト プラグイン

Waterfall サイト pinbox [browser-shot url="http://kayschneider.github.io/pinbox/example/pinb

Bootstrap Modal + 拡張機能が実装できるプラグイン

Twitter Bootstrap Modalは、標準のモーダルウィンドウに様々な機能を追加することができます。 2014/06/16 Bootstrap3対応版に書き換えをしました。

ナビゲーションメニューを画面サイズによってドロップダウンにしてくれる「TinyNav.js」

「TinyNav.js」はナビゲーションメニューを画面サイズがある以下になるとドロップダウンにしてくれるjQueryプラグインです。 スクリプト 実装 スタイルシート

no image

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

「Timepicker for Bootstrap」は、テキストボックスへの時刻入力を便利にしてくれるjQueryプラグインです。 2014/06/16 Bootstrap3対応版に書き換え

no image

日付入力に便利な「Datepicker for Bootstrap」

「Datepicker for Bootstrap」はテキストボックスにカレンダーを表示して日付入力を便利にしてくれるjQueryプラグインです。 目次 Datepicker for Boot

iTunesのCover Flowのようなギャラリーが実装できる「ContentFlow」

「ContentFlow」は、iTunesのCover Flowのように左右に流れるギャラリーが実装できるjQueryプラグインです。ダウンロード スクリプト 実装

Lightboxプラグイン「Boxer」

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

Comment

Message

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

*

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

    PAGE TOP ↑