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. PopCircle
  2. jquery.adaptive-backgrounds.js
  3. zingtouch

    JavaScript

    タッチジェスチャーをカスタマイズできるJSライブラリ「zingtouch」

    Zingtouchは、タッチ対応のデバイスにおける基本的なジェスチャー…

  4. Animated Heat Distortion Effects with WebGL

    JavaScript

    陽炎のような揺れを表現できる「Animated Heat Distortion Effects wi…

    夏の暑い日などによく見かける「陽炎」のようなエフェクトを実装することが…

  5. jQuery PieTimer

    JavaScript

    時間の経過とともに円形が欠けていくタイマー「jQuery PieTimer」

    jQuery PieTimerは時間の経過とともに円形のデザインが欠け…

  6. EZ Plus

    JavaScript

    タッチにも対応した画像ズーム機能を実装できるjQueryプラグイン「EZ Plus」

    EZ Plusはタッチにも対応した画像ズーム機能を実装することができる…

最近の記事

  1. 有栖川公園
  2. グーディオ オーガニックチョコレート(ミント)
  3. チキンバターマサラとシュリンプバターマサラ
  4. 恵比寿のダ・ミケーレのピザ
  5. ハムエッグホットサンドとドリップコーヒー

アーカイブ

PAGE TOP