JQuery插件（三）之growl

最新推荐文章于 2024-03-15 07:30:00 发布

小崔崔的博客

最新推荐文章于 2024-03-15 07:30:00 发布

阅读量574

点赞数

分类专栏： JQuery 文章标签： JQuery插件三之growl

本文链接：https://blog.csdn.net/qq_39430589/article/details/77473538

版权

JQuery 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

提示框：

（1）title消息提示的标题

messag提示的内容

1)growl后面不写某些关键词，使用默认样式

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

2)notice

$.growl.notice({title: "消息提示框", message: "提示内容"

3)warning

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

4)error

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

这里所用的插件：

<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" />

  <title></title>
    <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" />

</head>
<body>
<button id="btn1">点击1</button>
<button id="btn2">点击2</button>
<button id="btn3">点击3</button>
<button id="btn4">点击4</button>
</body>
<script>
    $("#btn1").click(function() {
        $.growl({title: "消息提示框", message: "提示内容"});
    });
    $("#btn2").click(function() {
        $.growl.notice({title: "消息提示框", message: "提示内容"});
    });
    $("#btn3").click(function() {
        $.growl.warning({title: "消息提示框", message: "提示内容"});
    });
    $("#btn4").click(function() {
        $.growl.error({title: "消息提示框", message: "提示内容"});
    });

</script>
</html>

小崔崔的博客

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JQuery插件（三）之growl

提示框：（1）title消息提示的标题messag提示的内容1)growl后面不写某些关键词，使用默认样式$.growl({title:"消息提示框",message:"提示内容" 2)notice$.growl.notice({title:"消息提示框",message:"提示内容" 3)warning$.growl.warning
复制链接

扫一扫