1.
"jquery消息插件jquery.messager.js":關鍵詞:jquery 消息 插件 jquery .messager.js
前幾天公司小石說要幫他們實現一個功能,就是定時刷新由客人自己下的在線預定訂單,提醒她們及時處理,正好jquery .messager.js 可以幫我們輕松實現此功能,通過定時查詢其他數據庫 記錄,並通過消息插件彈出提醒她們!~~
首先下載插件:http://www.corrie.net.cn/demo/messager/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次 });
1.$.messager.lays(width, height);
該開發方法 主要用來定義彈出窗口的寬度和高度。
2.$.messager.anim(type,speed);
該開發方法 主要定義窗口以什么樣的方式和速度呈現。
$.messager.anim("fade",1000); //以fadein的動畫方式顯示
$.messager.anim("show",1000); //以show的動畫方式顯示
3.$.messager.show(title,text,time);
該開發方法 主要定義窗口顯示的內容,以及窗口顯示多長時間后進行隱藏。
如果使用默認的標題,則將title設置為0,另外title和text還可以設置為html內容進行顯示。如果希望用戶點擊彈窗的關閉按鈕才關閉消息框,可將time設置為0。
$.messager.show(0, "這是一個提示框",5000);
$.messager.show("<font color='red'>提示信息</font>","<a href='http://www.makaidong.com'>馬開東博客歡迎你</a>",3000);
搜索此文相關文章:jquery 消息插件jquery .messager.js 此文鏈接:http://www.makaidong.com/%E5%8D%9A%E5%AE%A2%E5%9B%AD%E6%96%87/65792.shtml轉載請注明出處:jquery消息插件jquery.messager.js - 博客園