jQuery的Growl插件

Growl插件

消息提醒，允许您很容易地在一个覆盖层显示反馈消息
消息会在一段时间后自动消失，不需要单击确定按钮

也可以通过移动鼠标或点击关闭按钮加快隐藏信息

引入JS

<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: "消息内容!" });
$.growl.error({    title: "错误标题", message: "错误消息内容!" });
$.growl.notice({title: "提醒标题", message: "提醒消息内容!" });
$.growl.warning({title: "警告标题", message: "警告消息内容!" });

示例代码

$(function() {$.growl({title: "消息标题",message: "消息内容!"});$('.error').click(function(event) {event.preventDefault();event.stopPropagation();return $.growl.error({title: "错误标题",message: "错误消息内容!"});});$('.notice').click(function(event) {event.preventDefault();event.stopPropagation();return $.growl.notice({title: "提醒标题",message: "提醒消息内容!"});});return $('.warning').click(function(event) {event.preventDefault();event.stopPropagation();return $.growl.warning({title: "警告标题",message: "警告消息内容!"});});
});

jQuery的Growl插件相关推荐

精心收集的jQuery常用的插件1000
花N长时间积累的Jquery插件,希望大家喜欢.大家还有什么新的插件,请留言,我们一并收录. 感谢大家的支持. 1.accordion类基于jQuery开发,非常简单的水平方向折叠控件. Horiz ...
jquery常用的插件1000收集
花N长时间积累的Jquery插件,希望大家喜欢.大家还有什么新的插件,请留言,我们一并收录. 感谢大家的支持. 1.accordion类基于jQuery开发,非常简单的水平方向折叠控件. Horiz ...
25 个超棒的 jQuery 消息提醒插件
转载地址: https://www.oschina.net/news/57207/best-jquery-notification-plugins 网页上漂亮的消息提醒不仅耳目一神,关键是引起用户的主 ...
Jquery前端分页插件pagination同步加载和异步加载
上一篇文章介绍了Jquery前端分页插件pagination的基本使用方法和使用案例,大致原理就是一次性加载所有的数据再分页.https://www.jianshu.com/p/a1b8b1db025 ...
jquery 图片裁剪 java_[Java教程]5 款最新的 jQuery 图片裁剪插件
[Java教程]5 款最新的 jQuery 图片裁剪插件 0 2015-05-18 16:00:20 这篇文章主要介绍最新的 5 款 jQuery 图片裁剪插件,可以帮助你轻松的实现你网站需要的图像裁 ...
十个jQuery图片画廊插件推荐
2019独角兽企业重金招聘Python工程师标准>>> jQuery的画廊插件可以将分组图像和多媒体资料转成类似Flash的图像或照片.当幻灯片已经成为网站的重要组成部分,jQuer ...
推荐5款实用的jQuery时间轴插件
1.使用CSS3和jQuery制作的水平时间轴这是一个可以在PC和移动端表现非常棒的水平时间轴,它由上部水平滑块和下部时间点对应的内容区块,点击时间轴上的时间点,下部内容会滑动到对应的内容区块.使用 ...
Lazy Line Painter – 很有趣的 jQuery 路径动画插件
Lazy Line Painter 是基于 Raphaël(一个用于在网页中绘制矢量图形的 Javascript 库)的 jQuery 路径动画插件,能够把线条图案转换为吸引眼球的路径动画模式. 您可 ...
java ajax jquery分页插件_分享精心挑选的12款优秀jQuery Ajax分页插件和教程
摘要:这篇jQuery栏目下的"分享精心挑选的12款优秀jQuery Ajax分页插件和教程",介绍的技术点是"jquery_ajax分页插件.jquery_ajax.a ...

jQuery的Growl插件

Growl插件

引入JS

文本元素

示例代码

jQuery的Growl插件相关推荐

最新文章

热门文章