Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/wisp-x/toastr
Jquery非堵塞消息通知插件 https://wispx.gitee.io/toastr/demo.html
https://github.com/wisp-x/toastr
javascript jquery toastr
Last synced: about 1 month ago
JSON representation
Jquery非堵塞消息通知插件 https://wispx.gitee.io/toastr/demo.html
- Host: GitHub
- URL: https://github.com/wisp-x/toastr
- Owner: wisp-x
- License: mit
- Created: 2018-08-21T03:49:52.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2018-08-21T08:47:59.000Z (about 6 years ago)
- Last Synced: 2024-02-27T23:40:18.682Z (9 months ago)
- Topics: javascript, jquery, toastr
- Language: CSS
- Homepage:
- Size: 63.5 KB
- Stars: 14
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Toastr
### 项目介绍
非堵塞消息通知插件### 演示
https://wispx.gitee.io/toastr/demo.html### 使用方法
注意 本插件依赖Jquery
下载项目,引入jquery和src目录下的css/toastr.css和js/tosatr.js```html
```
##### 全局配置
```javascript
$.toastr.config({
time: 3000,
position: 'top-right',
size: '',
callback: function () {}
});
```配置说明:
配置名
配置说明
可选参数
默认值
time
关闭时间(毫秒)
1000~999999之间的纯数字
3000
position
显示位置
top-left,top-center,top-right,right-bottom,bottom-center,left-bottom
top-right
size
大小
lg,sm,xs
空(正常大小)
callback
默认关闭后的回调
function
无
---
##### 显示一个成功通知,并设置一个关闭后的回调
```javascript
$.toastr.success('执行成功', {
callback: function() {
console.log('执行回调')
}
});
```##### 在左上角显示一个信息通知
```javascript
$.toastr.info('有新消息了', {
position: 'top-left'
});
```##### 显示一个警告通知,1秒后关闭
```javascript
$.toastr.warning('警告,禁止操作!', {
time: 1000
});
```##### 显示一个大小为sm的失败通知
```javascript
$.toastr.error('执行失败!', {
size: 'sm'
});
```##### 清除所有通知
```javascript
$.toastr.clear();
```### License
- MIT license