Easy Z modal

JavaScript

シンプルなモーダルウィンドウ・ダイアログボックスを表示できる「Easy Z modal」

Easy Z modalはシンプルでダイナミックなモーダルウィンドウ・ダイアログボックスを表示させることができるjQueryプラグインです。オプションも用意されておりカスタマイズして使いたい方にもよさそうですね。

Easy Z modal

Easy Z modal

「Click here!」と書かれたボタンをクリックするとモーダルウィンドウが表示されます。無駄な装飾がなくシンプルなので、いろんなサイトに合わせやすいデザインですね。

他にもアラート、コンファーム、レスポンシブ、ボタンなしといったサンプルも用意されています。

  • width・・・幅指定
  • closable・・・ウィンドウ外クリック時のクローズ
  • escClose・・・escキーでのクローズ
  • autoOpen・・・自動オープン

詳細については公式サイトで確認することができます。

というわけで、シンプルなデザインで使い方も簡単なモーダルウィンドウやダイアログボックスを実装したい方は、是非チェックしてみてください。

Bywordでフォントサイズを変更(拡大・縮小)する設定方法前のページ

ユーザーの待機中に表示させるアニメーション実装「HoldOn.js」次のページHoldOn.js

関連記事

  1. FlexNav

    JavaScript

    見た目もシンプルでレスポンシブ対応のナビゲーションメニューを実装できるjQueryプラグイン「Fle…

    シンプルなデザインでレスポンシブにも対応したナビゲーションメニューを実…

  2. JavaScript

    文章の段落にコメントできるjQueryプラグイン「SideComments.js」

    おもしろそうだったのでメモがてらご紹介。SideComments.js…

  3. JavaScript

    ボックス要素からはみ出した分のテキストを「…」に置き換えてくれるjQueryプラグイン「…

    なんとなく使う機会がありそうな感じのjQueryプラグイン「jQuer…

  4. no-image

    JavaScript

    2枚の画像の違いを比較できるjQueryプラグイン「baSlider」

    baSliderはビフォー・アフターのような2枚の画像の違いを比較でき…

  5. Rollerblade.js

    JavaScript

    画像を360度回転させて見せることができるjQueryプラグイン「Rollerblade.js」

    Rollerblade.jsというjQueryプラグインを使えば、画像…

最近の記事

  1. ライオン システマ 超コンパクト ふつう
  2. タリーズ ハムチーズ&サラダサンド
  3. クリニカのY字タイプのフロス
  4. 日和山公園の桜
  5. 成城石井 フレンチロースト

アーカイブ

PAGE TOP