最小 Toast 通知和加载指示器插件 - Toast.js

最小 Toast 通知和加载指示器插件 - Toast.js

版本:

浏览量:87

最后更新:2021-09-12

应用标签:Jquery插件MAC 软件

推荐指数:

详细信息

Toast.js 是一个超级简单的、无 CSS 的 jQuery 插件,用于在网页上创建动画加载指示器和受Android启发的成功/错误 Toast 通知。

如何使用它:

1. 下载并插入jquery.toast.js最新的jQuery JavaScript 库之后脚本。

<script src="https://code.jquery.com/jquery-3.3.1.min.js"
        integrity="sha384-tsQFqpEReu7ZLhBV2VZlAu7zcOV+rXbYlF2cqB8txI/8aZajjp4Bqd+V6D5IgvKT"
        crossorigin="anonymous">
</script>
<script src="jquery.toast.js"></script>

2. 在屏幕上创建一个默认加载指示器,它会在 1.5 秒后自动关闭。

$.Toast.showToast();

3.在屏幕上创建一个类似吐司的通知弹出窗口。

$.Toast.showToast({
 
  // toast message
  "title": "Toast Message...",
 
  // "success", "none", "error"
  "icon": "loading"
   
});

4. 向 toast 弹出窗口和加载指示器添加自定义图像。这将覆盖默认图标选项。

$.Toast.showToast({
 
  // toast message
  "title": "Toast Message...",
 
  // path to your image
  "image": ""
 
});

5. 以毫秒为单位自定义持续时间。

$.Toast.showToast({
 
  // toast message
  "title": "Toast Message...",
 
  // default: 1500
  "duration": 3000
 
});

6.手动隐藏 Toast通知和加载指示器。

$.Toast.hideToast();

上一篇:带有动态加载文本的加载指示器 - Incipit

下一篇:没有了

发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。