<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<link href="https://cdn.bootcdn.net/ajax/libs/toastr.js/latest/css/toastr.min.css" rel="stylesheet">
<script src="https://cdn.bootcdn.net/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<body>
<div id="body">
</div>
</body>
<script type="text/javascript">
toastr.info("你有新消息了!");
//成功消息提示，默认背景为浅绿色
toastr.success("你有新消息了!");
//警告消息提示，默认背景为橘黄色
toastr.warning("你有新消息了!");
//错误消息提示，默认背景为浅红色
toastr.error("你有新消息了!");
//带标题的消息框
toastr.success("你有新消息了!","消息提示");
//另一种调用方法
toastr["info"]("你有新消息了!","消息提示");
</script>
</html>