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. emotion-ratings

    JavaScript

    絵文字を使ったレーティング機能を実装できる「emotion-ratings」

    emotion-ratingsは絵文字を使ったレーティング機能を実装で…

  2. Textillate.js

    JavaScript

    テキストに面白いCSS3アニメーションを加えることができるjQueryプラグイン「Textillat…

    指定したテキストに面白いCSS3アニメーションを加えることができるjQ…

  3. JQuery SlideShow

    JavaScript

    軽量な自動スライドショー(画像・動画)を実装できる「JQuery SlideShow」

    JQuery SlideShowは、画像・動画のスライドショーを実装で…

  4. AniX

    JavaScript

    優れたパフォーマンスと互換性を備えたアニメーションライブラリ「AniX」

    AniXは優れたパフォーマンスと互換性を備えた軽量のアニメーションライ…

  5. JQuery Portfolio
  6. Slickhover.js

    JavaScript

    滑らかでスムーズなホバーエフェクトを実装できるjQueryプラグイン「Slickhover.js」

    とても軽量で使いやすいのがいいですね。ホバー時に滑らかでスムーズなエフ…

最近の記事

  1. レンズペン3 ミニプロとレンズペン ELITE マイクロプロ
  2. カメラマングローブ Grip Hot Shot III
  3. 包(つつむ)巾着ポーチ
  4. KMC-80BK

Instagram始めました

Facebookページ

PAGE TOP