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


ポップアップ

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


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

関連記事

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

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

no image

定期的にAjaxリクエストを送信してくれる「PeriodicalUpdater」

PeriodicalUpdaterは、定期的にpostもしくはgetリクエストを送信してくれるjQueryプラグインです。Twitterのタイムラインのように定期的にツイートをロードしてくれるようなや

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

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

ECサイトの商品表示に使えそうなスライダー「Simple Multi-Item Slider」

「Simple Multi-Item Slider」は、いうなればネスト型の画像スライダーです。ECサイトでの商品陳列からサムネイルメニューなどにも使用できそうです。ダウンロード デモ スクリプ

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

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

no image

エフェクト豊富なニュースティッカー用プラグイン「inewsticker」

「inewsticker」は、色々なエフェクトでニュースティッカーが実装できるjQueryプラグインです。ダウンロード エフェクトには、fade/slide/typingの3つが可能です。 デ

カウントダウン プラグイン

FlipClock #時間 FlipClock サイト [browser-shot url="http://xdsoft.net/jqplugins/flipcountd

no image

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

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

ページ内のフォントサイズを変更してくれる「Text Resizer」

「jQuery Text Resizer Plugin」は、ページ内のフォントサイズを変更してくれるjQueryプラグインです。要素を限定してリサイズすることも可能です。jquery.cookie.j

様々なタイプのグラフ表示をカバーする「jqPlot」(折れ線グラフ)

Webページにグラフ表示する機会があったので、探してみました。 今回、使用してみた「jqPlot」がシンプルにもできてカスタマイズも豊富でいいです。グラフ用データの形式が少しクセがあり、動的に扱う際

Comment

Message

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

*

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

    PAGE TOP ↑