下面一个代码片段是易居页面加载等待，代码如下所示：

函数AJaxloading(){ var id=' # textbox div '；var left=($(窗口)。外部宽度（真)-190)/2;var top=($(窗口)。高度()-35)/2;var高度=$(窗口)。高度()* 2;$(' div class= ' datagrid-mask '/div ').css({ display: 'block '，width: '100% '，height: height }).appendo(id)；$(' div class= ' datagrid-mask-msg '/div ').html(")正在加载，请稍候.').附录.css({ display: 'block '，left: left，top : top })；}函数ajaxLoadEnd() { $(' .数据网格掩码').移除();$('.datagrid-mask-msg ').移除();} 下面看个工具类基于easyui的页面等待提示层，即面具

pre name='code' class='java'/** *使用方法： * 开启： maskutil。mask()；* 关闭： maskutil。unmask()；* * MaskUtil.mask('其它提示文字.');*/var MaskUtil=(function(){ var $ mask，$ maskMsgvar defMsg='正在处理，请稍待。';函数init(){ if(！$ mask){ $ mask=$(' div class= ' datagrid-mask my mask '/div ').appendo(' body ')；} if(！$ maskMsg){ $ maskMsg=$(' div class= ' datagrid-mask-msg my mask ' ' defMsg '/div ').appendTo("正文")。CSS({ ' font-size ' : ' 12px ' })；} $mask.css({width:'100% '，height:$(document).height()})；var scrollTop=$(document.body).滚动顶部()；$ maskmsg。CSS({ left :($(文档。正文).outwidth(true)-190)/2，top:(($(window)).高度()-45)/2)滚动顶部})；}返回{ mask :函数(msg){ init()；$面具。show()；$maskMsg.html(msg||defMsg).show()；}，取消屏蔽：函数(){ $ mask。hide()；$ maskmsg。hide()；} } }());效果图：

以上所述是小编给大家介绍的jQuery易用户界面页面加载等待及页面等待层，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！