jQuery 消息插件--仿QQ消息彈出提醒

作者: 錢途無梁  來源: 博客園  發布時間: 2009-12-18 14:51  閱讀: 5660 次  推薦: 0   原文鏈接   [收藏]  

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

       首先下載插件:http://www.corrie.net.cn/demo/messager/jquery.messager.rar,可以查看壓縮包里的demo.htm文件,來了解怎么使用此插件!~~
       1、先將jquery.js 和jquery.message.js文件引到頁面文件里

       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(
'客人自助單提醒','
  目前尚有'+data+'個客人自助單未處理,請相關客服盡快處理!進入處理',10000);
}
}
});
}
$(document).ready(
function(){
GetOrderCount()
window.setInterval(
"GetOrderCount()",60000);//1分鐘刷新1次
});

在線演示:http://www.corrie.net.cn/demo/messager/

0
0
 
標簽:jQuery 插件
 
 

文章列表

全站熱搜
創作者介紹
創作者 大師兄 的頭像
大師兄

IT工程師數位筆記本

大師兄 發表在 痞客邦 留言(0) 人氣()