jQuery Growl 消息提醒插件
来源:互联网 发布:阿里云服务器屏蔽ip 编辑:程序博客网 时间:2024/06/06 09:29
jQuery Growl 插件(消息提醒) 允许您很容易地在一个覆盖层显示反馈消息。消息会在一段时间后自动消失,不需要单击"确定"按钮等。用户也可以通过移动鼠标或点击关闭按钮加快隐藏信息。
该插件目前版本是 1.0.0。
访问 jQuery Growl 官网,下载 jQuery Growl 插件。
效果如下:
使用方式
下载好插件后倒入 jQuery 库,jquery.growl.js,jquery.growl.css 三个文件,如:
<scriptsrc="https://cdn.bootcss.com/jquery//2.0.2/jquery.min.js"type="text/javascript"></script><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"/>
如需使用 Growl 插件,请选择你要设置的显示文本元素,把文本作为参数传递给它:
$.growl({title:"消息标题",message:"消息内容!"});$.growl.error({title:"错误标题",message:"错误消息内容!"});$.growl.notice({title:"提醒标题",message:"提醒消息内容!"});$.growl.warning({title:"警告标题",message:"警告消息内容!"});
有几个可用的默认选项。如果您有兴趣,可以查看下面完整的实例演示。
实例演示
jQuery 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:"警告消息内容!"});});});
阅读全文
1 0
- jQuery Growl 消息提醒插件
- jQuery growl插件
- Jquery插件之Growl
- jquery.growl.js 插件
- jQuery插件之 Growl
- [JQuery]消息提示插件-JQuery Growl:重写样式及显示位置
- JQuery 25 个超棒的消息提醒插件
- 25 个超棒的 jQuery 消息提醒插件
- 好用的 jQuery 消息提醒插件
- JQuery插件(三)之growl
- jquery 消息插件--仿QQ消息弹出提醒
- jQuery 消息插件--仿QQ消息弹出提醒
- jquery 消息插件--仿QQ消息弹出提醒
- Growl--统一的消息通知
- 项目中用到的一个小插件,基于jQuery的消息提醒 toastr.js
- 为你的Cocoa程序加入Growl提醒支持
- jquery.messager +ajax 实现 OA 及时消息提醒
- jquery的一个消息插件
- 动态规划——背包问题
- HttpImage(网络请求图片)
- 51Nod 1445(考建图的最短路)
- 【QT】QObject简介
- SparseArray、ArrayMap 实现原理学习
- jQuery Growl 消息提醒插件
- openstack使用openvswitch实现vxlan组网
- 10道典型的JavaScript面试题
- android的日常错误集合
- js事件处理
- HDU2571 命运(dp问题)
- 重编码解决GET方法前台传后台汉字乱码问题
- 【QT】QApplication简介
- JAVA 学习笔记