基于easyui的页面等待提示层遮罩

来源：互联网发布：金盾42u网络机柜编辑：程序博客网时间：2024/06/01 08:23

<pre name="code" class="java">/**  * 使用方法:  * 开启: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();          }      }        }());

0 0