jQuery Modal

JavaScript

シンプルでレスポンシブなモーダルボックス「jQuery Modal」

jQuery Modalはシンプルでレスポンシブに対応したモーダルボックスを実装することができるjQueryプラグインです。アラート、コンファーム、プロンプト、サクセス、エラーといった様々なタイプをオプションから指定することができます。

jQuery Modal

デモ

全部で9種類のタイプが用意されています。

  • alert
  • confirm
  • prompt
  • success
  • warning
  • error
  • info
  • primary
  • inverted

これらの他にもデモではカスタマイズされたモーダルボックスも見ることができます。これ一つでいろんなタイプのものを簡単に実装することができるのでとても便利ですね。

さりげないスライドアニメーションも素敵だと思います。こちらもオプションで有効・無効を設定することが可能です。

見た目はシンプルですが、豊富なオプションが揃っているのでカスタマイズもしやすいモーダルボックスですね。

jQuery Modal

関連記事

  1. Smooth Scroll behavior polyfill
  2. stickyTableColumns

    JavaScript

    水平(左右)にスライドできるテーブル実装「stickyTableColumns」

    stickyTableColumnsは、データ量の多い表をページで表現…

  3. Dropit

    JavaScript

    シンプルでフレキシブルなドロップダウンメニュー「Dropit」

    Dropitはシンプルでフレキシブルなドロップダウンメニューを実装でき…

  4. star-rating-svg

    JavaScript

    カスタマイズ性に優れたレーティング(星評価)実装「star-rating-svg」

    star-rating-svgは、SVGを使用したカスタマイズ性に優れ…

  5. Notyf

    JavaScript

    シンプルでレスポンシブ対応のカッコイイ通知を表示できる「Notyf」

    Notyfはシンプルでレスポンシブに対応したカッコイイ通知を表示させる…

  6. Random Quote Machine

    JavaScript

    ランダムにテキスト(クオート)を表示させる「Random Quote Machine」

    Random Quote Machineは、設定したデータのなかからラ…

最近の記事

  1. Anker PowerHouse 200

アーカイブ

PAGE TOP