本站下载地址：https://www.yusan.cn/sucai/43.html

Git下载地址  https://github.com/CodeSeven/toastr

引用css

<link rel="stylesheet" href="css/toastr.min.css">

引用js，同时需引用jquery，因为toastr依赖jquery

<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/toastr.min.js"></script>

简单使用方法

$("body").on("click","#showtoast",function(event){
   					
   var i = -1;
   var toastCount = 0;      
   var toastIndex = toastCount  ;
   var $toastlast;
   toastr.options = {
   	        debug: true,
   	        closeButton: true,
   	        progressBar:  true,
   	        positionClass: "toast-bottom-right",
   	        onclick: null,
   	        showMethod: "show",
   	        hideMethod: "hide",
   	        showDuration: 1000,
   	        hideDuration: 1000,
   	        timeOut: 5000,
   	        extendedTimeOut: 1000,
   };
   	        
   var $toast = toastr["success"]("内容", "标题");
   $toastlast = $toast;
})

主要提供了四种样式 

var $toast = toastr["success"]("内容", "标题");

success：成功，颜色是绿色

info：提示，颜色是蓝色

warning：警告，颜色黄色

error：错误，颜色红色

说一下重要的配置选项

toastr.options = {
   	        debug: true,
   	        closeButton: true,
   	        progressBar:  true,
   	        positionClass: "toast-bottom-right",
   	        onclick: null,
   	        showMethod: "show",
   	        hideMethod: "hide",
   	        showDuration: 1000,
   	                hideDuration: 1000,
   	        timeOut: 5000,
   	        extendedTimeOut: 1000,
 };