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.jsjquery.pnotify.default.css

 

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

posted @ 2010-04-09 14:25  Net.Persons  阅读(1027)  评论(0编辑  收藏  举报