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. tabellajs

    JavaScript

    タッチ対応のレスポンシブなテーブルを実装できる「tabellajs」

    tabellajsはタッチに対応したレスポンシブで操作性のよいテーブル…

  2. no-image

    JavaScript

    要素ごとにスクロールできるjQueryプラグイン「snapScroll.js」

    snapScroll.jsは要素ごとにきりのいいところでスクロールされ…

  3. Stretchy Navigation

    JavaScript

    ナビゲーションメニューが伸び縮みする「Stretchy Navigation」

    Stretchy Navigationはクリック、タップをすることで伸…

  4. Bootstrap Mobile FullScreen Modal
  5. flipLightBox
  6. Dialogify

    JavaScript

    カスタマイズできるダイアログ・ライトボックスを作成できる「Dialogify」

    Dialogifyはカスタマイズできるダイアログやライトボックスなどを…

最近の記事

  1. EOS RP
  2. COMOLI シルクネルジャケット シルクネルドローストリングパンツ
  3. スターバックス ハシエンダ アルサシア
  4. イングリッシュマフィン

アーカイブ

PAGE TOP