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. Sticker.js

    JavaScript

    ペラッとめくるようなエフェクトが素敵なJSライブラリ「Sticker.js」

    画像や要素をペラッとめくるようなエフェクトを実装できるJSライブラリ「…

  2. Vertical Timeline

    JavaScript

    垂直型のシンプルなタイムラインを実装できるjQueryプラグイン「Vertical Timeline…

    Vertical Timelineは、垂直型のシンプルなタイムラインを…

  3. JavaScript

    回転するアニメーション付きの円形ナビゲーションを実装できる「wheelnav.js」

    wheelnav.jsは回転する円形のナビゲーションを実装することがで…

  4. no-image

    JavaScript

    スマホなどに最適なテーブルを実装できる「Mobile-Friendly Table」

    Mobile-Friendly Tableはスマホなどのモバイルに最適…

  5. Intense Images
  6. Holmes

    JavaScript

    ページ内で特定のテキストを高速に検索してくれるライブラリ「Holmes」

    Holmesは、ページ内部を簡単にかつ高速に検索してくれるライブラリで…

最近の記事

  1. Anker PowerWave Pad Alloy
  2. Anker Bolder LC30
  3. BG-R10

アーカイブ

PAGE TOP