做网站时要实现一个功能，就是定时刷新由客人自己下的在线预定订单，然后提醒她们及时处理，正好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/

[转载]jquery 消息插件--仿QQ消息弹出提醒相关推荐

  1. 好看的php提示弹窗,漂亮的jquery提示效果(仿腾讯弹出层)

    超漂亮的仿腾讯弹出层效果 body {background: #ffffff; color: #444;} a{color: #09d; text-decoration: none;border: 0 ...

  2. jquery 实现仿QQ右下角弹出框

    js代码: <script type="text/javascript" src="script/jquery-1.3.1.min.js">< ...

  3. 微信小程序之『仿 QQ 消息气泡拖拽消失』

    转载:请写明掘金原文链接及作者名 '小小小' 一个潜心研究小程序QQ群:139128168 ← 点击加群 今天带来的是仿QQ消息气泡拖拽消失特效,源码中很多地方还是有很多不足,希望大家一起齐心协力,给 ...

  4. Android开发之高仿QQ消息侧拉删除

    Android开发之高仿QQ消息侧拉删除 QQ消息的侧滑删除效果之炫酷,想必大家都见过吧,本人作为一名安卓开发人员,遇到如此炫酷的效果,怎能不研究一番呢,现本人已实现其基本功能,现将代码贴出,望各位大 ...

  5. 仿QQ消息气泡拖拽效果

    此次的自定义View是仿qq消息列表,消息气泡拖拽效果. 1.原理介绍:自定义view,绘制原始点圆,touch点圆,然后将两圆用贝塞尔曲线连接并填充. 2.应用WindowManager,将自定义v ...

  6. Android仿QQ消息拖拽效果（二）

    前言 本文参考辉哥贝塞尔曲线 - QQ消息汽包拖拽,前面我们使用二阶贝塞尔曲线绘制了拖拽圆点效果Android仿QQ消息拖拽效果(一)(二阶贝塞尔曲线使用),这里我们在此基础之上实现仿QQ消息拖拽爆炸 ...

  7. Jquery仿Windows Aero弹出窗

    目前市面上已经有很多成熟好用的jquery弹出窗插件,像模态窗口插件(Modal Dialog Plugins)以及数不胜数的灯箱插件(lightbox plugins). 今天介绍的Jquery D ...

  8. js仿苹果风格弹出框alert插件

    下载地址 js仿苹果风格弹出框alert插件,多种调用方式. dd:

  9. 40个有创意的jQuery图片和内容滑动及弹出插件收藏集之二

    <40个有创意的jQuery图片和内容滑动及弹出插件收藏集之一> <40个有创意的jQuery图片和内容滑动及弹出插件收藏集之三> <40个有创意的jQuery图片和内容 ...

最新文章

  1. linux软件管理(Vim编辑器使用) ——（七）
  2. SAP生产订单预留相关的备忘录
  3. BZOJ2342[Shoi2011]双倍回文——回文自动机
  4. Java NIO总结
  5. 去掉前后空格_mysql批量去掉某个字段字符中的空格
  6. 815. Bus Routes
  7. html 按钮光束,图文详解，原来3dmax光束特效的制作这么简单！
  8. html 5实用特性之data属性
  9. Java设计模式--单例模式（代码详解懒汉、饿汉模式）
  10. Swift游戏实战-跑酷熊猫 02 创建熊猫类
  11. Real-Time Rendering——9.9.4 Rough-Surface Subsurface Models粗糙表面地下模型
  12. linux环境git安装及使用教程,Ubuntu Git安装与使用
  13. dell g16 xianka
  14. 线性二分类——机器学习
  15. 工作中的Linux防火墙心得
  16. nfs linux 权限不够,nfs Permission denied 的一种情况
  17. 基于Springboot实现的自动化测试平台
  18. aes加密 java_Java中的微信支付（2）：API V3 微信平台证书的获取与刷新
  19. 学习编程需要什么基础？从基础到高级？
  20. MySQL存储过程语法

热门文章

  1. python3 正则表达式 嵌套表格_在Python中将嵌套结构与正则表达式匹配
  2. vrml场景实例代码_高并发的中断下半部tasklet实例解析
  3. Leetcode987 二叉树的垂序遍历
  4. Leaflet中使用leaflet-echarts插件实现Echarts的Migration迁徙图
  5. SpringBoot中使用thymeleaf模板时select下拉框怎样查询数据库赋值
  6. Eclipse假死，一直LoadingDescriptFor,找到原因了
  7. 【Keras】学习笔记（一）
  8. 对话：在敏捷中，是否可以仍然用需求来替代用户故事？
  9. 操作系统进程调度算法（先来先服务，短作业优先算法（SJF））linux下（附源码）
  10. 开发办公APP时间估算