Mobilepopup

JavaScript

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

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

レスポンシブにも対応

デモ

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

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

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

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

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

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

Mobilepopup

swingdragjQuery UIのドラッグ機能にスイング効果を加えることができる「swingdrag」前のページ

パスワードの強さを視覚的にフィードバックしてくれる「Complexify」次のページComplexify

関連記事

  1. SPOILER ALERT!

    JavaScript

    画像やテキストにボカシを入れることができるjQueryプラグイン「SPOILER ALERT!」

    画像やテキストといった部分にボカシを入れることができるjQueryプラ…

  2. JavaScript

    リスト化した要素を自分が指定した数に分割できるjQueryプラグイン「Easy List Split…

    リスト化した要素を自分が指定した数に分割できるシンプルだけど便利なjQ…

  3. underline.js

    JavaScript

    遊び心あるアニメーションと美しさを追求したアンダーライン「underline.js」

    underline.jsはアニメーションが付いた美しいアンダーラインを…

  4. pell

    JavaScript

    軽量でシンプルなWeb用のWYSIWYGエディタを実装できる「pell」

    pellは1.5KBと非常に軽量でシンプルなWeb用のWYSIWYGエ…

  5. Bricks.js

    JavaScript

    超高速なMasonryレイアウトを実装できる「Bricks.js」

    Bricks.jsは、固定した幅で配置する画像などの要素をすばやく配置…

  6. Material ScrollTop Button

最近の記事

  1. VS-543AS
  2. タリーズ 本日のコーヒー
  3. MRW-G1
  4. 桜と太陽

アーカイブ

PAGE TOP