1、html 内容
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="../plugins/toastr/toastr.min.css"/>
<script src="../plugins/jquery/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../plugins/toastr/toastr.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
</body>
<script type="text/javascript">
toastr.options = {
closeButton: true, //是否显示关闭按钮
progressBar: true, //显示关闭的进度
//toast-bottom-right、toast-bottom-left、toast-top-left、toast-top-full-width、toast-bottom-full-width
//toast-top-center、toast-bottom-center
positionClass: "toast-top-center",
//显示时间长度
timeOut: "1000",
showEasing: "linear", //显示时的动画缓冲方式
hideEasing: "linear", //消失时的动画缓冲方式
showMethod: "fadeIn", //显示时的动画方式
hideMethod: "fadeOut" //消失时的动画方式
}
toastr.success("连接已建立,可以进行通信!")
toastr.success("连接已建立,可以进行通信!", "成功")
toastr.info("请先登录!")
toastr.warning("连接建立失败,请重试!")
toastr.error("连接不能打开!");
// toastr.clear();
</script>
</html>