详细信息
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();
发表评论
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。