Jquery插件之Growl

jQuery Growl 插件(消息提醒)

jQuery Growl 插件(消息提醒) 允许您很容易地在一个覆盖层显示反馈消息。消息会在一段时间后自动消失，不需要单击"确定"按钮等。用户也可以通过移动鼠标或点击关闭按钮加快隐藏信息。

还是先引用插件，以菜鸟网举例：

<script src="https://cdn.bootcss.com/jquery//2.0.2/jquery.min.js" type="text/javascript"></script>

<script src="https://static.runoob.com/assets/jquery/jquery.growl/javascripts/jquery.growl.js"type="text/javascript"></script>

<link href="https://static.runoob.com/assets/jquery/jquery.growl/stylesheets/jquery.growl.css" rel="stylesheet" type="text/css" />

使用$.growl({});

里面可以传两个参数，第一个是title，消息提醒的标题，第二个是message，具体提示的内容，都是以键值对的形式出现

1.普通提示框

$.growl({ title: "消息提示", message: "提示内容" });

2.错误提示框

$.growl.error({ title: "消息错误", message: "提示内容" });

3.提醒提示框

$.growl.notice({title: "消息提醒", message: "提示内容" });

4.警告提示框

$.growl.warning({title: "消息警告", message: "提示内容!" });