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

    JavaScript

    画面上部に軽量なプログレスバーを実装できる「ToProgress」

    ToProgressは画面上部にシンプルで軽量なプログレスバーを実装で…

  2. Jquery Line Progress Bar
  3. JavaScript

    タッチ、フリック、レスポンシブ対応のスライダーギャラリー「Flickity」

    Flickityはスマフォやタブレットに最適なタッチやフリック、または…

  4. no-image

    JavaScript

    円形に飛び出すメニューを実装できる「ggExpandableOptions」

    ggExpandableOptionsは円形に飛び出すメニューを実装で…

  5. Textualizer

    JavaScript

    テキストに様々なエフェクトを与えながら切り替わっていくjQueryプラグイン「Textualizer…

    フェードやスライドといった様々なエフェクトをテキストに与えながら切り替…

最近の記事

  1. 田沢湖
  2. ゴムの耳栓
  3. ライオンコーヒー(バニラマカダミア)
PAGE TOP