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

    オシャレなスクロールエフェクトを実装できる「jQuery Smoove」

    jQuery Smooveは、オシャレなスクロールエフェクトを実装する…

  2. JavaScript

    レスポンシブでカスタマイズ性に優れたカルーセルを実装できるjQueryプラグイン「slick」

    slickというjQueryプラグインを使えば、レスポンシブでカスタマ…

  3. ZooMove

    JavaScript

    マウスオーバーで画像を拡大ズーム・移動もできるjQueryプラグイン「ZooMove」

    ZooMoveは、マウスオーバーで指定された画像やエリアをズームするこ…

  4. gridslide.js

    JavaScript

    いろんな方向に画像をスライドできるjQueryイメージスライダー「gridslide.js」

    gridslide.jsはいろんな方向に画像をスライドさせることができ…

  5. Radial Progress Bars

    JavaScript

    アニメーション付きのサークルプログレスバー「Radial Progress Bars」

    Radial Progress Barsは、アニメーション付きのサーク…

  6. JavaScript

    スクロールバーにあと何分で読めるかを表示してくれるjQueryプラグイン「jQuery Readin…

    とてもシンプルですが何気に便利そうだったので使ってみました。長文記事を…

最近の記事

  1. パーソナルパーティション
  2. 200-DGBG020

アーカイブ

PAGE TOP