popModal

JavaScript

6種類のモーダルウィンドウを実装できる「popModal」

popModalは6種類のモーダルウィンドウを実装することができるjQueryプラグインです。単一の表示方法ではなく、複数のパターンから自分好みの表示方法をチョイスできるのがいいですね。いろんなサイトに対応できるモーダルウィンドウを探している人にオススメです。

popModal

デモ

  • popModal
  • notifyModal
  • hintModal
  • dialogModal
  • titleModal
  • confirmModal

popModalはボタンをクリックするとその下に表示されます。notifyModalは通知タイプのモーダルウィンドウです。表示されてから一定の時間が経つと消えていきます。hintModalはマウスオーバーすると表示されるタイプです。

また、dialogModalは背景にオーバーレイがかかるLightboxのようなモーダルウィンドウになります。デモではdialogModalのモーダルウィンドウを表示させると、右上に矢印が表示され、ここからコンテンツの前後移動ができる仕組みになっています。

titleModalはマウスオーバーで要素のtitle属性に指定したテキストを表示させることが可能です。confirmModalは、背景にオーバーレイがかかり、上からモーダルウィンドウが降りてくるタイプになります。

このように、popModalではさまざまなタイプのモーダルウィンドウを実装することができます。1種類だけの表示方法ではもの足りないという人は、ぜひpopModalを活用してみてはいかがでしょうか。

popModal

関連記事

  1. Instafeed.js

    JavaScript

    Webサイト内にInstagramの画像を表示できる「Instafeed.js」

    Instafeed.jsはWebサイト内にInstagramの画像一覧…

  2. Zoom Slider

    JavaScript

    ズーム機能を備えたシンプルなコンテンツスライダー「Zoom Slider」

    Zoom Sliderは奥行き感を演出したズーム機能を備えたシンプルな…

  3. jQueryプラグインのスライダー集

    JavaScript

    【jQueryプラグイン】素晴らしい機能が満載のスライダー集

    jQueryプラグインには様々な役立つ機能がありますが、中でも人気が高…

  4. nanoGALLERY
  5. no-image

    JavaScript

    シンプルなイメージスライダーとカルーセルを実装できる「SkySlider」

    SkySliderはシンプルで軽量、そしてレスポンシブにも対応したイメ…

  6. jQuery Pit-scheduler v2.0

最近の記事

  1. mill オイルヒーター
  2. Anker PowerWave 10 Pad & Stand セット

アーカイブ

PAGE TOP