什么是jquery.avgrund?
jquery.avgrund是一个轻量级的jQuery插件，用于创建模态对话框和弹出窗口效果。通过应用CSS3过渡效果以及使用Webkit和MozTransform属性，它提供了一种漂亮而平滑的方式来显示内容。
安装jquery.avgrund
您可以使用npm命令行工具轻松安装jquery.avgrund。首先，您需要在项目目录中打开命令行并输入以下命令：
npm install jquery.avgrund --save
这将下载jquery.avgrund并将其添加到您的项目依赖中。
在您的项目中使用jquery.avgrund
引入jquery.avgrund
在您的HTML代码中引入jquery.avgrund，以便可以在JavaScript文件中使用它。请注意，您还需要引入jQuery库，因为jquery.avgrund是基于jQuery构建的。
<head> <link rel="stylesheet" type="text/css" href="path/to/jquery.avgrund.css"> <script src="path/to/jquery.min.js"></script> <script src="path/to/jquery.avgrund.js"></script> </head>
创建一个简单的模态对话框
下面的示例将向您展示如何使用jquery.avgrund创建一个简单的模态对话框。
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
--------------------- ---------------
----- ---------------- --------------- ----------------------------------
------- -------------------------------------
------- -----------------------------------------
-------
-- ---- ------ --- -- ----- --- ---- --
---- -
------------ ------ -----------
---------- -----
------ -----
----------------- --------
-
-------------- -
----------------- -----
-------------- ----
------------------- - --- ---- ------- -- -- -----
----------- - --- ---- ------- -- -- -----
-------- -----
---------- ------
------- ---- -----
----------- -------
-
--------
-------
------
------------------ ------------
---
------- --------------------- ---------------
----
---- ----------------------
--------- -----------
------- -- - ---- ------ ------- -- -------------- -- -----------
------- --------------------------------
------
--------
------------ -
---------------------------
------ ----
------- ----
---------- -----
-------------- -----
---------------- -----
------------ -----------------
--------- ---- -------- ----
---------------- -------------
------------ -----
--------- --------
------- ---------- -
----------------- -------- ---- -- ------ ---- ------ ----------
--
--------- ---------- -
----------------- -------- ---- -- ------ ---- ------ ----------
-
---
----------------------------------- -
------------------
---
---
---------
-------
-------在这个例子中，我们创建了一个简单的页面，其中包含一个"Show Dialog"按钮和一个模态对话框。当用户点击“Show Dialog”按钮时，jquery.avgrund会显示模态对话框。
jquery.avgrund选项
jquery.avgrund提供了许多选项，您可以使用它们来自定义模态对话框，例如对话框的宽度、高度、关闭按钮的显示方式等等。
以下是一些常用选项：
width：对话框的宽度（默认为380像素）。height：对话框的高度
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/34430