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

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

版本:

浏览量:1751

最后更新:2021-09-12

应用标签:Jquery插件gitMAC 软件

推荐指数:

详细信息

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();
联系我们
付费复制 免费复制 付费复制
付费后30天内不限量复制

价格:元

支付宝支付
联系客服
扫一扫,支付¥

正在加载二维码...

支付完成后,请等待10秒左右,请勿关闭此页

发表评论

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

  • 评论列表
  • 2021-10-21 12:19:05
  • Toast.js 是一个超级简单的、无 CSS 的 jQuery 插件!很厉害的插件!