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. jquery.autoscroll-text-tape
  3. jquery-backToTop

    JavaScript

    カスタマイズ性に優れたトップへ戻るボタンを実装できる「jquery-backToTop」

    jquery-backToTopはカスタマイズ性に優れた「トップへ戻る…

  4. swingdrag

    JavaScript

    jQuery UIのドラッグ機能にスイング効果を加えることができる「swingdrag」

    swingdragは、jQuery UIのドラッグ機能にスイング効果を…

  5. Tag-it

    JavaScript

    サジェスト機能を搭載したタグ編集ウィジェット「Tag-it」

    Tag-itはサジェスト機能を搭載したjQuery UIプラグインによ…

  6. table-dragger

    JavaScript

    ドラッグ&ドロップでテーブルを並べ替えられる「table-dragger」

    table-draggerはドラッグ&ドロップでテーブルの並べ替えを可…

最近の記事

  1. SRS-XB43
  2. Nu:kin
  3. フィールグッドシャワー

アーカイブ

PAGE TOP