jQuery Modal

JavaScript

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

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

jQuery Modal

デモ

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

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

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

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

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

jQuery Modal

サブメニューがメインの上にオーバースライドしてくる「Secondary Sliding Navigation」前のページ

Chromeでタブを切り替えるショートカットキーについて次のページChromeでタブを切り替える

関連記事

  1. no-image

    JavaScript

    タッチフレンドリーでモバイルでも快適に動作する「simplelightbox」

    simplelightboxはレスポンシブ対応でタッチフレンドリーなl…

  2. Adi.js

    JavaScript

    アドブロックを検知してくれる「Adi.js」

    Adi.jsはアドブロックを検知してくれるjQueryプラグインです。…

  3. Drooltip.js

    JavaScript

    拡張性の高い美しいツールチップを実装できる「Drooltip.js」

    Drooltip.jsは、美しくパワフルで拡張性の高いツールチップを実…

  4. flatpickr

    JavaScript

    超軽量で使い方もカンタンな日付ピッカー「flatpickr」

    flatpickrはjQueryなどのライブラリに依存することなく動作…

  5. jquery-scrollstop

    JavaScript

    スクロールの開始・終了時のイベントを設定できる「jquery-scrollstop」

    jquery-scrollstopはスクロールの開始・終了時のイベント…

  6. ToxicBox

    JavaScript

    さまざまなコンテンツをポップアップウィンドウで表示できる「ToxicBox」

    ToxicBoxは、ライトボックスのjQueryプラグインです。近年、…

最近の記事

  1. ナイトロコーヒー
  2. チーズベーコンエッグバーガー
  3. ランチセットA
PAGE TOP