div遮罩层

最新推荐文章于 2021-01-04 11:06:49 发布

zholoo

最新推荐文章于 2021-01-04 11:06:49 发布

阅读量423

点赞数

分类专栏：编程语言文章标签： jsp js

本文链接：https://blog.csdn.net/zholoo/article/details/18312587

版权

编程语言专栏收录该内容

20 篇文章 0 订阅

订阅专栏

js：

/**

* 遮罩层,禁用页面
*/
function forbiddenPage(){
   $("<div class=\"datagrid-mask\" style=\"background:#666666;\"></div>").css({display:"block",width:$("body")[0].offsetWidth,height:$(window).height()}).appendTo("body");
   $("<div class=\"datagrid-mask-msg\"></div>").html("<font size='2' color='#00517e'>正在处理,请稍候..</font>").appendTo("body").css({display:"block",left:($(document.body).outerWidth(true) - 190) / 2,top:($(window).height() - 45) / 2});
};
/**
* 遮罩层,释放页面
*/
function releasePage(){
   $(".datagrid-mask,.datagrid-mask-msg").hide();

};

css：

/*遮罩层*/
.datagrid-mask{
position:absolute;
left:0;
top:0;
background:#ccc;
opacity:0.3;
filter:alpha(opacity=30);
display:none;
}
.datagrid-mask-msg{
position:absolute;
cursor1:wait;
left:100px;
top:50px;
width:auto;
height:16px;
padding:12px 5px 10px 30px;
background:#fff url('../images/vts/loading.gif') no-repeat scroll 8px 12px;
border:2px solid #6593CF;
color:#222;
display:none;
}