首页 > 其他 > 详细

easyui的页面等待提示层,即mask

时间:2015-11-26 10:43:41      阅读:650      评论:0      收藏:0      [点我收藏+]

/*

* 使用方法: 

 * 开启:MaskUtil.mask(); 

 * 关闭:MaskUtil.unmask(); 

 *  

 * MaskUtil.mask(‘其它提示文字...‘); 

 */  

var MaskUtil = (function(){  

var $mask,$maskMsg;  

var defMsg = ‘正在处理,请稍待。。。‘;  

function init(){  

if(!$mask){  

            $mask = $("<div class=\"datagrid-mask mymask\"></div>").appendTo("body");  

        }  

if(!$maskMsg){  

            $maskMsg = $("<div class=\"datagrid-mask-msg mymask\">"+defMsg+"</div>")  

                .appendTo("body").css({‘font-size‘:‘12px‘});  

        }  

        $mask.css({width:"100%",height:$(document).height()});  

var scrollTop = $(document.body).scrollTop();  

        $maskMsg.css({  

            left:( $(document.body).outerWidth(true) - 190 ) / 2  

            ,top:( ($(window).height() - 45) / 2 ) + scrollTop  

        });   

    }  

return {  

        mask:function(msg){  

            init();  

            $mask.show();  

            $maskMsg.html(msg||defMsg).show();  

        }  

        ,unmask:function(){  

            $mask.hide();  

            $maskMsg.hide();  

        }  

    }  

}()); 

easyui的页面等待提示层,即mask

原文:http://www.cnblogs.com/ckaifeng/p/4996852.html

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