訊息提示外掛大夥並不陌生了，無論是個系統還是網站，基本都要有訊息系統。但我認為，一個好的提示外掛應當具備很好的獨立性，不與頁面其他元素髮生任何關係，其次是能對外提供豐富的介面，因為你生來就是被別人來呼叫的嘛。看了下百度個人首頁的右側滑出層效果還不錯（儘管百度的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頁，一看就明白。