介绍
notify.js 是一个轻量级、简单易用的 JavaScript 库，可以用来在网页上显示通知消息。它支持多种通知方式和自定义样式，并且可以在所有现代浏览器以及移动设备上使用。
本文将介绍如何使用 notify.js 来向用户发送通知消息，包括如何安装和配置 notify.js，以及如何在代码中使用它来创建各种类型的通知。
安装
要使用 notify.js，首先需要在项目中安装它。你可以通过 npm 或者直接下载源码来安装它。这里我们介绍使用 npm 的方法：
--- ------- -------- ------
安装完成后，在项目中引入 notify.js：
------- --------------------------------------------------------
使用方法
基本用法
要显示一个简单的通知消息，只需要调用 $.notify 函数并传入一些参数：
--------------- ---------
这将在页面右上角弹出一个带有 "Hello World!" 文字的通知消息。
自定义消息
你可以通过设置更多的选项来自定义通知消息的外观和行为。例如，以下代码将创建一个具有自定义标题、正文和图标的通知消息：
---------- ------ --- ------- ----- ------ -------- ------ ------------------ ---
不同类型的消息
notify.js 支持多种通知类型，包括警告、错误、成功和信息等。你可以通过设置 type 属性来指定不同类型的消息：
---------- ------ --- ------- ----- ----- -- - ------- ---------- ----- --------- ---
配置选项
除了上面提到的 title、text、image 和 type 属性之外，还有许多其他的配置选项可供你使用。以下是一些常用的选项：
autoHide：是否自动隐藏通知消息，默认为true。autoHideDelay：自动隐藏延迟时间（毫秒），默认为5000毫秒。clickToHide：点击通知消息是否可以隐藏它，默认为true。globalPosition：全局通知消息的位置，比如top center、top right，默认为bottom right。showAnimation：通知消息显示时的动画效果，比如fadeIn、slideDown，默认为fadeIn。hideAnimation：通知消息隐藏时的动画效果，比如fadeOut、slideUp，默认为fadeOut。
实例代码
下面是一个完整的示例代码，演示了如何使用 notify.js 显示不同类型的通知消息，并自定义它们的样式和行为：
--------- -----
------
------
----- ----------------
---------------- ------------
----- ---------------- ---------------------------------------------
------- ------------------------------------------------------
------- --------------------------------------------------------
--------
------------ -
--------------------------- -
-------------- -- -- ----------- -----------
---
------------------------------ -
----------
------ ----------
----- ---- ---- ------------ --------- --- ------------
----- ---------
---
---
------------------------------ -
----------
------ ----------
----- ----- -- - ------- ----------
----- ----------
--------- ------
------------ -----
---
---
---------------------------- -
----------
------ --------
----- --- ----- -------- ----- ---------- ---- ----------
----- --------
-------------- -----
---
---
- ----------------------------------------------------------- --------
---------------------------------------------------------------------------------------