做網(wǎng)站時(shí)要實(shí)現(xiàn)一個(gè)功能，就是定時(shí)刷新由客人自己下的在線預(yù)定訂單，然后提醒她們及時(shí)處理，正好jquery.messager.js可以幫我們輕松實(shí)現(xiàn)此功能，通過(guò)定時(shí)查詢數(shù)據(jù)庫(kù)記錄，并通過(guò)消息插件彈出提醒她們！~~

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

?????? 2、在 .cs文件里 編寫 查詢數(shù)據(jù)庫(kù)記錄數(shù)的函數(shù)

????? 3、在頁(yè)面里寫js代碼來(lái)實(shí)現(xiàn)定時(shí)查詢

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>個(gè)客人自助單未處理，請(qǐng)相關(guān)客服盡快處理！<a href=Order.aspx target=_blank>進(jìn)入處理</a>',10000);
?????????????????? }
??????????????? }
??????????? });
???? }
??? $(document).ready(function(){
???? GetOrderCount()
????? window.setInterval("GetOrderCount()",60000);//1分鐘刷新1次
????? });

在線演示：http://www.corrie.net.cn/demo/messager/
與50位技術(shù)專家面對(duì)面20年技術(shù)見證，附贈(zèng)技術(shù)全景圖

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。