- <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();
- }
- }
- }());
基于easyui的页面等待提示层,即mask
猜你喜欢
转载自blog.csdn.net/chenbhhh/article/details/73809019
今日推荐
周排行