您的位置:首页 > Web前端 > JQuery

基于jquery的消息提示框toastr.js

2016-12-12 15:08 651 查看
1 //消息提示全局配置
2     toastr.options = {
3       "closeButton": false,//是否配置关闭按钮
4       "debug": false,//是否开启debug模式
5       "newestOnTop": false,//新消息是否排在最上层
6       "progressBar": false,//是否显示进度条
7       "positionClass": "toast-top-center",//消息框的显示位置
8       "preventDuplicates": false,//是否阻止弹出多个消息框
9       "onclick": null,//点击回调函数
10       "showDuration": "300",
11       "hideDuration": "1000",
12       "timeOut": "1500",//1.5s后关闭消息框
13       "extendedTimeOut": "1000",
14       "showEasing": "swing",
15       "hideEasing": "linear",
16       "showMethod": "fadeIn",
17       "hideMethod": "fadeOut"
18     }


在页面引入对应的toastr.css和toastr.js,先配置后使用

toastr.success('恭喜您,您已升级为财富合伙人!')


该插件github地址
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: