天天看點

asp.net 右下角彈出新提醒資訊提示框

asp.net 開發資訊系統,無論是OA或者是其它業務系統中,都會用到新資訊提醒功能,特此将方案跟大家分享一下。先上一圖給大家看一看:

asp.net 右下角彈出新提醒資訊提示框

優點:1)、該新消息彈出提示框樣式算是比較不錯的,個人認為。

           2)、彈出框内的資訊内容、提醒的個數、點選連結頁面都封裝在PopMessage.js中,你無須修改。

           3)、使用簡單,你隻要根據你的需要修改PopMessageHandler.ashx,擷取你需要提醒的資料即可。

           4)、頁面引用簡單,易懂。

下面講述實作過程:

這個目錄結構如下:

asp.net 右下角彈出新提醒資訊提示框

2、根據你的需要修改PopMessageHandler.ashx檔案,現将代碼羅列出來,你需要根據你的實際業務邏輯進行修改:

3、在你系統的首頁面中添加js引用、html元素和js函數,如下,當然jquery.js也要添加,下面代碼中就不寫了,注意要添加哦:

網頁中使用iframe來作為頁面的容器,如下:

4、完成以後的效果如下圖:

asp.net 右下角彈出新提醒資訊提示框

點選藍色部分,可以直接跳轉到對應要處理的頁面。

源碼下載下傳位址:

<a href="http://download.csdn.net/detail/taomanman/8342083">http://download.csdn.net/detail/taomanman/8342083</a>

===========================================================================

如果覺得對您有幫助,微信掃一掃支援一下:

asp.net 右下角彈出新提醒資訊提示框



繼續閱讀