除了以下文件,还需引入jQuery文件,而且需放在最前面,因为这些插件是基于jQuery的。
<scriptsrc="https://static.runoob.com/assets/jquery/jquery.growl/javascripts/jquery.growl.js"type="text/javascript"></script>
<linkhref="https://static.runoob.com/assets/jquery/jquery.growl/stylesheets/jquery.growl.css"rel="stylesheet" type="text/css" />
提示框,定义的是鼠标不点击取消时,会在几秒之后自动消失,但是鼠标放在提示框上,它就不会消失。
title:消息提示的标题
message:提示的内容
(1)growl后面不写某些关键词,使用默认样式
$("#btn1").click(function(){
$.growl({title:"消息提示",message:"提示内容"});
});
(2)notice
$("#btn2").click(function(){
$.growl.notice({title:"消息提示",message:"提示内容"});
});
(3) warning
$("#btn3").click(function(){
$.growl.warning({title:"消息提示",message:"提示内容"});
});
(4) error
$("#btn4").click(function(){
$.growl.error({title:"消息提示",message:"提示内容"});
});