首页 > Web开发 > 详细

jquery-messager消息

时间:2017-04-17 12:30:49      阅读:258      评论:0      收藏:0      [点我收藏+]

一、页面引入

  jquery.js 下载地址问度娘

  jquery-message.js 下载地址:jquery-message.js

二、页面使用

//ajax轮询检查新的订单
    function checkNewOrder() {
        $.ajax({
            type: ‘get‘,
            url: ‘/checkNewOrder‘,
            data: {},
            dataType:"json",
            success: function (data) {

                if(parseInt(data)>0){
                    //alert(data);
                    $.messager.lays(300,200);
                    $.messager.show("新订单提示","有<font color=‘red‘>("+data+")</font>个新的订单,请及时处理!",0);
                }
            }
        });
    }
    //页面记载完立即执行
    $(document).ready(function(){
        checkNewOrder();
        window.setInterval("checkNewOrder()",60000);//1分钟刷新1次
    });

三、方法说明

1.$.messager.lays(width, height);

定义弹出窗口的宽度和高度。

2.$.messager.anim(type,speed);

定义窗口以什么样的方式和速度呈现。

3.$.messager.anim("fade",1000); 

以fadein的动画方式显示

4.$.messager.anim("show",1000); 

以show的动画方式显示

5.$.messager.show(title,text,time);

定义窗口显示的内容,以及窗口显示多长时间后进行隐藏。

如果使用默认的标题,则将title设置为0,另外title和text还可以设置为html内容进行显示。如果希望用户点击弹窗的关闭按钮才关闭消息框,可将time设置为0。

四、使用截图

技术分享

 

jquery-messager消息

原文:http://www.cnblogs.com/geekdc/p/6722311.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!