Mobilepopup

JavaScript

軽量でモバイルにも最適なポップアップウィンドウを実装できる「Mobilepopup」

Mobilepopupは、軽量でカスタマイズ性に優れたモバイルにも最適なポップアップウィンドウを実装することができるjQueryポップアッププラグインです。ajaxやhtmlによるコンテンツを表示させることができます。

レスポンシブにも対応

デモ

「deme」と書かれたリンクをクリックすると、ポップアップウィンドウが立ち上がります。背景にはオーバーレイがかかるのでポップアップウィンドウに集中しやすいですね。

ちなみに、デモのポップアップウィンドウ内のコンテンツはフォームになっています。ウィンドウの外側をクリックするか、もしくはウィンドウ内の右上にあるバツ印をクリックすると、元の状態に戻ります。

Mobilepopupはレスポンシブにも対応しているので、画面の幅に合わせて最適なレイアウトで表示させることができます。PCはもちろん、スマホやタブレットでも快適に閲覧できるポップアップウィンドウを実装したいという人にもオススメです。

htmlコンテンツだけでなく、ajaxを読み込んだコンテンツ表示もできるのがいいですね。

また、セッティングに関しても細かくカスタマイズして使うことができます。width、heightの調節をはじめ、closehtml、customclass、onloaded、onclosed、onformsubmitedなど、ポップアップウィンドウのカスタマイズ項目やコールバック関数など、いろいろ用意されています。

軽量ながらもカスタマイズ性に優れたモバイルにも最適なポップアップを実装したい人は、ぜひ「Mobilepopup」を活用されてみてはいかがですか?

Mobilepopup

関連記事

  1. no-image

    JavaScript

    レスポンシブ対応のjQuery Lightbox & Popupプラグイン「Flashy」

    Flashyはレスポンシブに対応したjQuery Lightbox &…

  2. SuperEmbed.js

    JavaScript

    さまざまな埋め込み動画をレスポンシブで表示できる「SuperEmbed.js」

    SuperEmbed.jsは、さまざまな埋め込み型の動画をレスポンシブ…

  3. no-image

    JavaScript

    シンプルなドロップダウンメニューを実装できるjQueryプラグイン「snakeMenu」

    snakeMenuはシンプルなアニメーションによるドロップダウンメニュ…

  4. Kerning.js

    JavaScript

    文字間のカーニングや一部の色を変えたりできるjQueryプラグイン「Kerning.js」

    文字間のカーニングや一部の文字の色を変えたりできるjQueryプラグイ…

  5. Before and after slider
  6. textwriteout

    JavaScript

    テキストの書き出し・削減ができるjQueryプラグイン「textwriteout」

    textwriteoutは指定したテキストを書き出したり削減したりでき…

最近の記事

  1. 赤いなつめ
  2. ペーストしてスタイルを合わせる
  3. Hermèsオレンジスポーツバンド

アーカイブ

PAGE TOP