Pines Notify jQuery Plugin：好看易用的jQuery消息提示插件

译自：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

 

http://devwing.com/?p=67