对话框/Tips
简单的响应式纯js消息通知插件
PetitQ
notyf 是一款超级简单的响应式纯 js 消息通知插件。它使用纯 javascript 来制作，没有任何外部依赖，通过简单的设置，即可生成漂亮的消息通知效果。
使用方法:
在页面中引入 notyf.min.css 和 notyf.min.js 文件。
也想出现在这里？联系我们吧
<link rel='stylesheet' type='text/css' href='css/notyf.min.css' />
<script src="path/to/notyf.min.js"></script>
初始化插件:
notyf.js 消息通知插件的使用方法如下：
//创建一个Notyf实例对象var notyf = new Notyf();
//显示一条警告消息notyf.alert('You must fill out the form before moving forward');
//显示一条成功消息notyf.confirm('Your changes have been successfully saved!');
配置参数:
| 参数 | 类型 | 默认值 | 描述 |
| delay | Number | 2000 | 消息通知显示的延迟时间，单位毫秒 |
| alertIcon | String | 预定义图标 | 警告消息显示的图标的 class 类 |
| confirmIcon | String | 预定义图标 | 成功消息显示的图标的 class 类 |
下面的例子是消息在用户点击按钮后 1 秒钟显示，并使用 FontAwesome 字体图标作为警告框和成功消息框的图标。
var notyf = new Notyf({
delay:1000,
alertIcon: 'fa fa-exclamation-circle',
confirmIcon: 'fa fa-check-circle'
})
notyf.js 消息通知插件的 github 地址为：https://github.com/caroso1222/notyf
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
