Easy Z modal

JavaScript

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

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

Easy Z modal

Easy Z modal

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

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

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

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

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

関連記事

  1. Warp drive jQuery plugin
  2. Stretchy

    JavaScript

    入力した文字数に合わせて可変するフォーム実装「Stretchy」

    Stretchyは入力した文字数に合わせてボックスが伸び縮みするフォー…

  3. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQuery(JavaScript)で指定した要素の子要素数や最大文字数を配列内から取得する

    jQueryで指定した要素の子要素の数やその文字数、文字なんかを配列に…

  4. Fixit

    JavaScript

    要素を特定の位置に固定できるjQueryプラグイン「Fixit」

    Fixitは要素を特定の位置に固定することができるjQueryプラグイ…

  5. pagePiling.js

    JavaScript

    垂直にスライドするようなスクロールを実装できるjQueryプラグイン「pagePiling.js」

    pagePiling.jsは垂直にスライドするようなスクロール機能を実…

  6. Protip

    JavaScript

    カスタマイズ性抜群のツールチップを実装できる「Protip」

    Protipはカスタマイズ性が抜群のツールチップを実装することができる…

最近の記事

  1. Anker PowerCore Lite 20000
  2. ネクスタイム
  3. フォールドオーバーポーチ
  4. 田沢湖
  5. ハクバ シリコンクロス

Instagram始めました

Facebookページ

アーカイブ

PAGE TOP