Mobilepopup

JavaScript

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

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

レスポンシブにも対応

デモ

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

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

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

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

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

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

Mobilepopup

関連記事

  1. kissui.scrollanim

    JavaScript

    スクロールによる多彩なアニメーションを実装できる「kissui.scrollanim」

    kissui.scrollanimは、CSS3を活用したスクロールによ…

  2. cascadingDivs
  3. humane.js

    JavaScript

    シンプルでモダンなさりげない通知システムを実装できる「humane.js」

    humane.jsはフレームワークなどに依存しないシンプルでモダンな通…

  4. Custom Carousel

    JavaScript

    カードスタイルのカルーセル・スライダー実装「Custom Carousel」

    Custom Carouselはカードスタイルによるシンプルなカルーセ…

  5. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQuery(JavaScript)で指定した要素の子要素数や最大文字数を配列内から取得する

    jQueryで指定した要素の子要素の数やその文字数、文字なんかを配列に…

最近の記事

  1. Anker PowerWave 10 Pad & Stand セット
  2. ミノン メン 薬用全身シャンプー

アーカイブ

PAGE TOP