消息提示插件大伙并不陌生了，无论是个系统还是网站，基本都要有消息系统。但我认为，一个好的提示插件应当具备很好的独立性，不与页面其他元素发生任何关系，其次是能对外提供丰富的接口，因为你生来就是被别人来调用的嘛。看了下百度个人首页的右侧滑出层效果还不错（尽管百度的UI一直被广大业内人士诟病），决定仿造它来做个消息提示插件。插件写的不多，拿此来练练手~
百度的
我的
样式是由单独的css文件控制的，不喜欢的可以自己设置。下面介绍一下对外提供的API：
首先，代码中有这么一行：
$(function(){ window.msgbox = $.msgbox(); });
即创建一个全局变量msgbox，在任何地方都可以访问到它。只所以这么做是因为，我认为消息盒子对于一个系统来讲就应该是一个全局的东西，你在系统的任何位置，都可能会收到消息，所以这个msgbox应该是在任何地方都能访问得到的，并且整个系统只有一个就够了。若你有别的想法，也可以将这几行从源码中删掉，自己在页面上创建。msgbox包含的方法如下：
| 名称 | 参数 | 描述 |
| hideBox() | 无 | 隐藏消息盒子 |
| showBox() | 无 | 显示消息盒子 |
| openBox([time]) | 不加参数，永久展开。加参数time,则在该毫秒数后自动收起 | 展开消息盒子 |
| closeBox() | 无 | 收起消息盒子 |
| setMsgnum(n) | nunmber，未读消息条数 | 设置未读消息条数 |
| getMsgnum() | 无 | 获取未读消息条数 |
| clearMsgnum() | 无 | 清除未读消息 |
| setTitle() | 无 | 设置标头 |
| setContent(cont) | string，html字符串 | 设置主面板中的内容 |
| getContent() | 无 | 获取住面板中的内容 |
最后附上打包文件，有demo页，一看就明白。
http://files.cnblogs.com/lvdabao/msgbox.zip
本文转自吕大豹博客园博客，原文链接：http://www.cnblogs.com/lvdabao/p/3255299.html，如需转载请自行联系原作者
