jquery-messager消息

Posted 2020-09-11 no-npe

一、页面引入

　　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。

四、使用截图