原文http://www.stanlemon.net/projects/jgrowl.html
水平有限,可能翻译会误导群众,请见谅.
使用Mac的朋友可能有在使用Growl,这款软件的主要作用是将应用程序输出的一些提示,错误显示出来,想tips一样,比如我用的fit输入法,当我从中文切换到英文的时候,右上角会出现提示.
jGrowl就是web的Growl,它运行时需要 jQuery
以下是官网的资源
引用
例子
引用
[code="html"]// Sample 1
$.jGrowl("Hello world!");
// Sample 2
$.jGrowl("Stick this!", { sticky: true });
// Sample 3
$.jGrowl("A message with a header", { header: 'Important' });
// Sample 4
$.jGrowl("A message that will live a little longer.", { life: 10000 });
// Sample 5
$.jGrowl("A message with a beforeOpen callback and a different opening animation.", {
beforeClose: function(e,m) {
alert('About to close this notification!');
},
animateOpen: {
height: 'show'
}
});
参数选项
名称 |
默认值 |
说明 |
header |
空
|
标题 |
sticky |
false |
如果设置这个选项的话,你必须手动关闭提示 |
glue |
after |
消息队列的方向,默认是新消息在旧消息下边显示,可选值(after,before) |
position |
top-right |
消息显示位置,top-left, top-right, bottom-left, bottom-right, center |
theme |
default |
消息提示框 classname |
corners |
10px |
圆角半径 |
check |
1000 |
检查屏幕上已过期消息的频率 |
life |
3000 |
设置sticky的提示框存在周期 |
speed |
normal |
开关对话动画速度 可选值(slow,normal,fast) |
easing |
swing |
|
closer |
true |
是否显示一个关闭所有提示的按键 |
closeTemplate |
× |
关闭按键的内容,样式 |
closerTemplate |
<div>[ close all ]</div> |
全部关闭按键的内容,样式 |
log |
function(e,m,o) {} |
提示前触发(全局)的回调函数,参数 提示的dom,消息内容,这个的选项 |
beforeOpen |
function(e,m,o) {} |
消息被打开前触发的回调函数,参数同上 |
open |
function(e,m,o) {} |
消息被打开后触发的回调函数,参数同上 |
beforeClose |
function(e,m,o) {} |
消息被关闭前触发的回调函数,参数同上 |
close |
function(e,m,o) {} |
消息被关闭后触发的回调函数,参数同上 |
animateOpen |
{ opacity: 'show' } |
打开消息窗口的动画选项默认是:fadeOut |
animateClose |
{ opacity: 'hide' } |
关闭消息窗口的动画选项默认是:fadeIn |
分享到:
相关推荐
**jQuery实现多风格消息弹出框插件jGrowl详解** 在Web开发中,消息提示框是用户交互的重要组成部分,用于向用户提供反馈信息。jGrowl是一款基于jQuery的轻量级插件,它允许开发者轻松地创建具有多种样式的弹出通知...
JGrowl for rails 资产管道 是一个 jQuery 插件,它在浏览器中引发不显眼的消息,类似于 OS X 的 Growl 框架的工作方式。 这个想法很简单,以一种显着的方式向最终用户发送通知,既不会阻碍工作流程,又能让用户了解...
jGrowl是一个jQuery插件,可在浏览器中引发不引人注意的消息,类似于OS X的Growl Framework的工作方式。 这个想法很简单,以一种引人注目的方式将通知传递给最终用户,既不会阻碍工作流程,又能使用户保持知情。 ...
jGrowl用于制作消息弹出框的jQuery插件。产生效果的类似于Mac OSX系统中Growl事件通知框架。 标签:jGrowl
jGrowl 是一个用于生成类似于Mac OS X Growl事件通知框架的jQuery插件。它支持多种通知样式和位置,允许开发者自定义通知的样式和行为。更多关于jGrowl的信息:[http://stanlemon.net/projects/jgrowl.html]...
内容索引:脚本资源,jQuery,jGrowl,jQuery插件,弹出框 jGrowl基于jQuery用于制作消息弹出框的插件。有矩形单色、圆角渐变色等,风格有将近5种吧,产生效果的类似于Mac、OSX系统中Growl事件通知的框架。测试了一下,...
- jGrowl模仿了Mac OS X中的Growl通知效果,用于显示各种消息提示。 - jQueryAlertDialogs提供了一种创建警告对话框的方式。 3. 图片展示类特效 图片展示类特效使网页中的图片展示更加生动和吸引人。 - ...
jGrowl是一款模仿Mac OS X Growl通知系统的jQuery插件,能够在网页上显示类似于操作系统级别的通知消息。它采用非侵入式的设计理念,不会打断用户的浏览体验,而是以优雅的方式将信息传递给用户。jGrowl支持自定义...
jGrowl是另一个非常受欢迎的jQuery插件,它的设计灵感来源于Mac OS X中的Growl事件通知框架。jGrowl提供了高度自定义的选项,包括位置、样式、动画等,可以创建出美观且功能强大的消息通知。更多信息:...
9. **jGrowl tooltips** - 类似于OS X系统的Growl框架,jGrowl可以在浏览器中弹出通知,为用户提供即时反馈,适合用于消息提示或警告信息。 10. **vTip** - vTip插件能将元素的title属性转换为平滑且可定制的...
jGrowl是jQuery的一个插件,用于创建浮动或者非浮动的通知框,其设计简洁且易于定制。 Laragrowl的安装过程通常包括以下几个步骤: 1. **Composer安装**: 使用Composer管理依赖,你需要在项目根目录下运行以下...