miniModal

close demo1

このDEMOではcloseオプションのcontentOutをtrueにしたときの挙動を確認できます。

モーダルを表示

通常、閉じるボタンは .mmdl-content 要素の中にありますが
それを.mmdl-content 要素の外に出すオプションです。

デフォルトのモーダルウィンドウのマークアップ

---

close demo2

このDEMOではcloseオプションのelを変更した場合を確認できます。

モーダルを表示

---

close demo3

このDEMOでは閉じるボタンの複数設置に関するDEMOを確認できます。

モーダルを表示

btnClassを変更することで、モーダルの閉じるを実行する要素のclassを変更しています。

btnClassで設定したclassにはstyleを何も適用させず、別のclassにstyleを適用させることで
デザインが異なる閉じるボタンを複数設置することができます。

• miniModal.min.js
• miniModal.css