`
rikugun
  • 浏览: 350298 次
  • 性别: Icon_minigender_1
  • 来自: 南宁
社区版块
存档分类
最新评论

jquery的Growl --jGrowl

    博客分类:
  • Js
阅读更多

原文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下载

    **jQuery实现多风格消息弹出框插件jGrowl详解** 在Web开发中,消息提示框是用户交互的重要组成部分,用于向用户提供反馈信息。jGrowl是一款基于jQuery的轻量级插件,它允许开发者轻松地创建具有多种样式的弹出通知...

    jGrowl-rails:jGrowl Rails 是一个 gem,它使用 jGrowl 一个 jQuery 插件在浏览器中引发不显眼的消息

    JGrowl for rails 资产管道 是一个 jQuery 插件,它在浏览器中引发不显眼的消息,类似于 OS X 的 Growl 框架的工作方式。 这个想法很简单,以一种显着的方式向最终用户发送通知,既不会阻碍工作流程,又能让用户了解...

    jGrowl:jGrowl是用于Web应用程序的简单通知系统。 想要看到它的实际效果吗? 了解如何:..

    jGrowl是一个jQuery插件,可在浏览器中引发不引人注意的消息,类似于OS X的Growl Framework的工作方式。 这个想法很简单,以一种引人注目的方式将通知传递给最终用户,既不会阻碍工作流程,又能使用户保持知情。 ...

    jQuery消息弹出框jGrowl.zip

    jGrowl用于制作消息弹出框的jQuery插件。产生效果的类似于Mac OSX系统中Growl事件通知框架。 标签:jGrowl

    Notify – 基于jquery的消息通知插件

    jGrowl 是一个用于生成类似于Mac OS X Growl事件通知框架的jQuery插件。它支持多种通知样式和位置,允许开发者自定义通知的样式和行为。更多关于jGrowl的信息:[http://stanlemon.net/projects/jgrowl.html]...

    jGrowl 多风格消息弹出框的jQuery插件

    内容索引:脚本资源,jQuery,jGrowl,jQuery插件,弹出框 jGrowl基于jQuery用于制作消息弹出框的插件。有矩形单色、圆角渐变色等,风格有将近5种吧,产生效果的类似于Mac、OSX系统中Growl事件通知的框架。测试了一下,...

    jquery特效

    - jGrowl模仿了Mac OS X中的Growl通知效果,用于显示各种消息提示。 - jQueryAlertDialogs提供了一种创建警告对话框的方式。 3. 图片展示类特效 图片展示类特效使网页中的图片展示更加生动和吸引人。 - ...

    功能强大的jquery插件

    jGrowl是一款模仿Mac OS X Growl通知系统的jQuery插件,能够在网页上显示类似于操作系统级别的通知消息。它采用非侵入式的设计理念,不会打断用户的浏览体验,而是以优雅的方式将信息传递给用户。jGrowl支持自定义...

    Notify - 基于jquery的消息通知插件

    jGrowl是另一个非常受欢迎的jQuery插件,它的设计灵感来源于Mac OS X中的Growl事件通知框架。jGrowl提供了高度自定义的选项,包括位置、样式、动画等,可以创建出美观且功能强大的消息通知。更多信息:...

    推荐10个超棒的jQuery工具提示插件

    9. **jGrowl tooltips** - 类似于OS X系统的Growl框架,jGrowl可以在浏览器中弹出通知,为用户提供即时反馈,适合用于消息提示或警告信息。 10. **vTip** - vTip插件能将元素的title属性转换为平滑且可定制的...

    Laravel开发-laragrowl

    jGrowl是jQuery的一个插件,用于创建浮动或者非浮动的通知框,其设计简洁且易于定制。 Laragrowl的安装过程通常包括以下几个步骤: 1. **Composer安装**: 使用Composer管理依赖,你需要在项目根目录下运行以下...

Global site tag (gtag.js) - Google Analytics