jquery 消息插件--仿QQ消息弹出提醒

短命女 2022-07-15 10:16 187阅读 0赞

做网站时要实现一个功能，就是定时刷新由客人自己下的在线预定订单，然后提醒她们及时处理，正好jquery.messager.js可以帮我们轻松实现此功能，通过定时查询数据库记录，并通过消息插件弹出提醒她们！~~  
  
       首先下载插件：[http://www.corrie.net.cn/demo/messager/jquery.messager.rar][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次  
      \});  
  
在线演示：[http://www.corrie.net.cn/demo/messager/][http_www.corrie.net.cn_demo_messager]

[http_www.corrie.net.cn_demo_messager_jquery.messager.rar]: http://www.corrie.net.cn/demo/messager/jquery.messager.rar
[http_www.corrie.net.cn_demo_messager]: http://www.corrie.net.cn/demo/messager/