码迷,mamicode.com
首页 > Web开发 > 详细

jquery-messager消息

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

标签:window   sage   设置   lan   提示   on()   方式   引入   nim   

一、页面引入

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

标签:window   sage   设置   lan   提示   on()   方式   引入   nim   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!