当前位置:主页 > JavsScript库 > 通知 / 提示 >

Buzz Notify 小型 javascript通知库 - buzz-notify
栏目分类:通知 / 提示   发布日期:2021-08-18   浏览次数:

Buzz Notify 是一个小型 JavaScript 通知库,可通过单个 JS 调用创建受Material Design 启发的各种类型的吐司(“成功”、“危险”、“警告”)。

使用:

1. 下载库并将主脚本index.js插入到文档中。

<!-- From Local -->
<script src="index.js"></script>
<!-- Or From A CDN -->
<script src="buzz-notify.js"></script>

2. 为 toast 消息创建一个占位符。

<div id="notify"></div>

3. 在屏幕上显示基本的 toast 消息。

Notify({
  title: 'Toast Message'
});

4. 向 toast 通知添加更多内容 (HTML)。

Notify({
  title: 'Toast Message',
  html: '<b>More Content</b>'
});

5. 更改默认通知类型。

Notify({
  title: 'Toast Message',
  type: 'danger'
});
Notify({
  title: 'Toast Message',
  type: 'warning'
});

6. 确定以毫秒为单位的超时时间。默认值:2000 毫秒。如果持续时间为负数,则不会删除通知。

Notify({
  title: 'Toast Message',
  duration: 5000
});

7.改变toast消息的位置。可以是‘top left’, ‘top right’, ‘top center’, ‘center start’, ‘center’, ‘center end’, ‘bottom left’, ‘bottom center’, 或 ‘bottom right’.

Notify({
  title: 'Toast Message',
  position: 'top center'
});

8.当toast消息被解除时执行回调函数。

Notify({
  title: 'Toast Message',
  type: 'warning'
}, function(){
  // do something
});


官方网站:https://github.com/reliut-g/buzz-notify

相关热词:

相关下载
声源:本站内容均来自互联网,仅供交流学习之用,请勿作商业用途,所有资源版权归原作者所有。如果有侵犯到您的权益,请联系本站删除,谢谢合作!
jQuery库 JavsScript库 Html5库 CSS3库