做網站時要實現一個功能，就是定時刷新由客人自己下的在線預定訂單，然后提醒她們及時處理，正好jquery.messager.js可以幫我們輕松實現此功能，通過定時查詢數據庫記錄，并通過消息插件彈出提醒她們！~~

?????? 首先下載插件：http://files.cnblogs.com/qiantuwuliang/jquery.messager.rar，可以查看壓縮包里的demo.htm文件，來了解怎么使用此插件！~~
?????? 1、先將jquery.js 和jquery.message.js文件引到頁面文件里
??? <script type="text/javascript" src="/jquery/jquery.js"></script>
??? <script type="text/javascript" src="/jquery/jquery.messager.js"></script>

?????? 2、在 .cs文件里 編寫 查詢數據庫記錄數的函數

????? 3、在頁面里寫js代碼來實現定時查詢

function GetOrderCount()
??? {
????? $.ajax({
??????????? type: "get",
??????????? dataType: "html",
??????????? url: "/Jquery/ashx/order.ashx",
????????????data: "",
??????????? success: function(data){
?????????????? if (data>0)
?????????????????? {
???????????????????? $.messager.anim('fade', 2000);
???????????????????? $.messager.show('<font color=red>客人自助單提醒</font>','目前尚有<font color=red>'+data+'</font>個客人自助單未處理，請相關客服盡快處理！<a href=Order.aspx target=_blank>進入處理</a>',10000);
?????????????????? }
??????????????? }
??????????? });
???? }
??? $(document).ready(function(){
???? GetOrderCount()
????? window.setInterval("GetOrderCount()",60000);//1分鐘刷新1次
????? });

在線演示：http://www.corrie.net.cn/demo/messager/
與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的[转载]jquery 消息插件--仿QQ消息弹出提醒的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。