toastr是一款轻量级的消息提示插件，基于JQuery，使用简单方便，外观大气漂亮。

使用效果如下图所示：

插件使用需要引用的JS和CSS文件如下图所示：

各版本JQuery：

jquery-3.3.1.min.js

toastr文件： 

toastr.min.js

toastr.min.css

使用说明：

插件有四种消息类型，分别如下图所示：

         toastr.info("您的手机已经欠费！", "系统提醒");//提醒

         toastr.success("恭喜获得冠军！", "恭喜");//成功

         toastr.warning("您已经严重超速！", "警告");//警告

         toastr.error("系统崩溃！", "错误");//错误

格式：

toastr.消息类型（"消息内容","消息标题，可以省略"）

实现代码：

参数说明：

参数说明

closeButton显示关闭按钮

debug开启debug模式

progressBar显示进度条

onclick鼠标点击事件

showDuration显示动作时间

hideDuration隐藏动作时间

timeOut显示时间,0为永久显示

extendedTimeOut鼠标移动过后显示显示时间

positionClass

出现位置，有一下几种可以选择：

toast-top-left 顶端左边

toast-top-right 顶端右边

toast-top-center 顶端中间

toast-top-full-width 顶端，宽度铺满整个屏幕 toast-botton-right 

toast-bottom-left

toast-bottom-center

toast-bottom-full-width

想了解更多，请访问齐创互联,需要网站建设,浏览快速建站模板快速建站
点击联系客服，联系电话：15811653920 联系人: 丁生.