首页 > 代码库 > jquery-messager消息

jquery-messager消息

一、页面引入

  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消息