当前位置: 首页 > 工具软件 > Growl > 使用案例 >

jQuery growl插件

齐昆
2023-12-01

除了以下文件,还需引入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:"提示内容"});

});

 类似资料: