简介
izimodal 是一个轻量级的，易于使用的 JavaScript 模态框插件。它提供了丰富的自定义选项，可以让你快速而简单地创建各种类型的模态框。
安装
在命令行中运行以下命令来安装 izimodal：
npm install izimodal
使用
要使用 izimodal 创建模态框，需要在 HTML 文件头部引入 izimodal 的 CSS 和 JavaScript 文件。可以通过以下方式进行引入：
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/izimodal/1.6.0/css/iziModal.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/izimodal/1.6.0/js/iziModal.min.js"></script>
在引入文件后，可以使用以下代码初始化 izimodal：
$("#modal").iziModal();其中 #modal 是你要创建的模态框的 ID。
自定义选项
izimodal 提供了许多自定义选项，可以通过 JavaScript 对象传递给 iziModal() 方法来设置这些选项。以下是一些常用的选项：
title
指定模态框的标题，可以是字符串或者 HTML 代码。例如：
$("#modal").iziModal({
title: "我的模态框"
});headerColor
指定模态框标题栏的背景颜色。例如：
$("#modal").iziModal({
headerColor: "#333"
});width
指定模态框的宽度。可以是字符串，例如 "50%"，或者数字，例如 500。例如：
$("#modal").iziModal({
width: "50%"
});padding
指定模态框的内边距。可以是字符串，例如 "20px"，或者数字，例如 20。例如：
$("#modal").iziModal({
padding: 20
});closeOnEscape
指定按下 ESC 键是否关闭模态框。可以是布尔值，例如 true 或 false。例如：
$("#modal").iziModal({
closeOnEscape: true
});事件
izimodal 提供了一些事件，可以在模态框打开、关闭等情况下触发。以下是一些常用的事件：
onOpening
当模态框即将打开时触发。例如：
$("#modal").iziModal({
onOpening: function() {
console.log("模态框即将打开");
}
});onOpened
当模态框已经打开时触发。例如：
$("#modal").iziModal({
onOpened: function() {
console.log("模态框已经打开");
}
});onClose
当模态框即将关闭时触发。例如：
$("#modal").iziModal({
onClose: function() {
console.log("模态框即将关闭");
}
});onClosed
当模态框已经关闭时触发。例如：
$("#modal").iziModal({
onClosed: function() {
console.log("模态框已经关闭");
}
});示例代码
以下是一个简单的示例，它创建了一个包含自定义选项和事件处理程序的 izimodal 模态框：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
--------------- ------------
----- ---------------- ----------------------------------------------------------------------------------
-------
------
------- ------------------------------
---- -----------
-------- -------- --------
------- -------------
------
------- ------------------------------------
- ----------------------------------------------------------- --------
----------------------------------------------------------------------------------