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


ポップアップ

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


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

関連記事

入力数値の桁区切り挿入

ユーザに数値を入力してもらう際に区切りを入れるようにすると入力ミスを少なくすることができます。このソースは、SugarJSというものから拝借して少し改変しています。 実装 fu

no image

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

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

ページの画像を非同期で読み込んでくれる「Lazy Load」

「LazyLoad Plugin」は、画像をページのロード時ではなく非同期に読み込んでくれるjQueryプラグインです。設定によりスクロールした際に画像をロードしたりしてくれます。 ダウンロード |

no image

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

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

レスポンシブに対応したテーブルを実装できる「FooTable」

「FooTable」は、画面の大きさに合わせて表示をかえてくれるテーブルを実装できるjQueryプラグインです。かなり、シンプルに実装できます。ダウンロード #v2にアップデートされたため刷

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

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

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

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

no image

[続きを読む]でテキストを省略、開閉できる「jTruncate」「jTruncSubstr」

「jTruncate」は、長くなってスペースをとってしまう文章をなどであらかじめ指定した文字数で省略して表示してくれるjQueryプラグインです。 ダウンロードはこちら デモ スクリプト

親要素の大きさに合わせて画像をリサイズ「imgLiquid」

「imgLiquid」は親要素の大きさに合わせて画像を縮小・切り取りを行ってくれるjQueryプラグインです。 ダウンロードはこちら スクリプト 実装

no image

テキストエリアを自動的にリサイズしてくれる「Autosize」

「Autosize」は、テキストエリアのサイズを入力文字数によって自動的に変更してくれるjQueryプラグインです。標準では、枠を超える文字数を入力するとスクロールバーが表示されますが、かわりに建増し

Comment

Message

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

*

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

    PAGE TOP ↑