jquery消息插件jquery.messager.js


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 .jsjquery .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 - 博客园


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM