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


ポップアップ

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


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

関連記事

no image

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

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

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

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

jqPlot - Legend(凡例) オプション

jqPlotの凡例(Legend)の設定オプションのまとめです。前提は、こちらを参照して下さい。 目次 凡例を表示 凡例の位置 [location, placement] 凡例のフォ

no image

シンプルにポップアップを実装できる「PopBox」

「PopBox」は、シンプルにポップアップを実装できるjQueryプラグインです。 スクリプト HTML Click Here!

レスポンシブにも対応したカレンダーを表示する「Calendario.js」

Calendarioは、レスポンシブデザインにも対応したカレンダ表示プラグインです。 ダウンロード スクリプト 実装 $(document).ready

シンプルでカスタマイズ豊富なスライダー用プラグイン「bxSlider」

「bxSlider」はシンプルに設置でき、かついろいろとオプションが設定可能なスライダー用プラグインです。サイト CDN 標準でもしくはオプションで実現できそうなこと スワイプ キャプション

no image

シンプルな画像スライダー/ギャラリー用プラグイン

スライダーやギャラリーを実装できるjQueryプラグインのうちシンプルなものを集めてみました。ベースはシンプルですが、オプションなどを使用してカスタマイズが豊富なものもたくさんありますね。 シン

開閉できるツリー構造を表現できる「jsTree」

「jsTree」は、Webサイト上にツリー構造を表示してくれるJQueryラグインです。実際、使うかというのは謎ですが、ブログ内に設置する機会があり使用してみましたので参考まで。 ダウンロードはこち

マウスオーバーでキャプション表示してくれる プラグイン

画像マウスオーバーするとキャプションを出現させるプラグイン (jQuery 1.10.2で動作確認のできたものに限定しています。デモ一覧) imgタグの#alt属性から自動でキャプションを生成

no image

数値入力に便利なステッパーを実装「Numeric Stepper」

「Numeric Stepper」は、数値用のステッパーを実装できるjQueryプラグインです。ダウンロード | デモ スクリプト 実装 既存のテキストボックスにclas

Comment

@piro0919 へ返信する コメントをキャンセル

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

*

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

    PAGE TOP ↑