导入必须的文件
<link href="jquery.jgrowl.min.css" rel="stylesheet" />
<script src="jquery-3.1.0.min.js"></script>
<script src="jquery.jgrowl.min.js"></script>
Sample 1:提示后自动消息
$.jGrowl("Hello world!");
Sample 2:需要用户手动关闭
$.jGrowl("Stick this!", { sticky: true });
Sample 3:增加标题
$.jGrowl("A message with a header", { header: 'Important' });
Sample 4:指定在10秒后自动消失
$.jGrowl("A message that will live a little longer.", { life: 10000 });
Sample 5:消失后有回调事件
$.jGrowl("A message with a beforeOpen callback and a different opening animation.", {
beforeClose: function(e,m) {
alert('About to close this notification!');
},
animateOpen: {
height: 'show'
}
});