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