toastr-min.css,Toastr插件提示框使用说明

插件Toastr

jquery toastr 一款轻量级的通知提示框插件。sCkN9RPz7d2wJmoY4rGWKQ==iuU1PG74aYQ+jeLjArjF9A==1jmg5WMkCsKrwtpx4IQ2Eg==

Toastr使用

注意：导入toastr.min.js文件必须要先导入jQuery原生文件

引入核心文件

toastr.min.css

toastr.min.jsqRXRItlXORDjRuqWP4rqxw==

调用代码J3Jw6SrQYuwhdkI1Vw2MQw==//配置

toastr.options = {

closeButton: false, //是否显示关闭按钮

debug: false, //是否使用debug模式

progressBar: false,

positionClass: "toast-top-center", //弹出窗的位置

onclick: null,

showDuration: "300", //显示的动画时间

hideDuration: "1000", //消失的动画时间

timeOut: "2000", //展现时间

extendedTimeOut: "1000", //加长展示时间

showEasing: "swing", //显示时的动画缓冲方式

hideEasing: "linear", //消失时的动画缓冲方式

showMethod: "fadeIn", //显示时的动画方式

hideMethod: "fadeOut" //消失时的动画方式

};

//调用

toastr.success("操作成功");

toastr.error("操作失败");

toastr.info("info");

toastr.warning("warning);

positionClass参数值

toast-top-left 顶端左边

toast-top-right 顶端右边

toast-top-center 顶端中间

toast-top-full-width 顶端中间(宽度铺满)

toast-bottom-right 底部右边

toast-bottom-left 底部左边

toast-bottom-center 底部中间

toast-bottom-full-width 底部中间(宽度铺满)