译自:http://pines.svn.sourceforge.net/viewvc/pines/trunk/pnotify/index.html
简介
Pines Notify jQuery Plugin是Pines项目(http://sourceforge.net/projects/pines/)的一部分,由Hunter Perrin创作,用于显示消息提示框。其特点包括:
- 可定时隐藏,并带有动画效果
- 可显示必须由用户自己关闭的消息提示
- 可选的隐藏按钮
- 支持动态改变文本、标题、图标、类型…
- 允许消息提示框自由地加入到栈中
- 可以控制栈的方向以及加入到头或者尾
- 在标题和文本中支持HTML(包括表单)
- 可变的透明度
- 支持Pines图标、jQuery UI图标、任何基于CSS的图标
- 支持自定义个别消息框的样式
- 支持标准或者自定义效果
- 可选的阴影效果
- 可与jQuery UI集成
- 支持多种事件的回调函数
- 支持工具提示ToolTip
- 历史查看器,允许用户查看以前的消息提示
- 兼容XHTML 1.0 Strict标准
示例
参见http://pines.svn.sourceforge.net/viewvc/pines/trunk/pnotify/index.html,提供了丰富的示例,可以通过其源码学习如何使用。
主题
Pines Notify jQuery Plugin使用jQuery UI CSS框架来设置自己的样式,包括颜色和背景纹理。建议使用ThemeRoller(http://jqueryui.com/themeroller/)工具来创建和下载自定义主题。
可以通过修改jquery.pnotify.default.css来更多地自定义样式,这些类包括:
- ui-pnotify
- ui-pnotify-shadow
- ui-pnotify-container
- ui-pnotify-closer
- ui-pnotify-icon
- ui-pnotify-title
- ui-pnotify-text
安装
安装很简单,只需包含jQuery 1.4和jQuery UI(如果不使用jQuery UI的效果,则只需css文件),之后包含以下文件:
jquery.pnotify.js、jquery.pnotify.default.css