javascript弹出遮罩层

最新推荐文章于 2016-09-01 12:53:00 发布

M.François

最新推荐文章于 2016-09-01 12:53:00 发布

阅读量681

点赞数

分类专栏： Javascript

本文链接：https://blog.csdn.net/u013538542/article/details/44647515

版权

Javascript 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

项目经常需要自定义弹出层，代码如下

function maskDiv() {
                var divmask = document.createElement("div");
                divmask.id = "div-mask";
                divmask.style.width = Math.max(document.body.scrollWidth, document.documentElement.scrollWidth) + "px";
                divmask.style.height = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight) + "px";
                divmask.style.background = "#33393C";
                divmask.style.opacity = "0.5";
                divmask.style.filter = "alpha(opacity=50)";
                divmask.style.top = "0px";
                divmask.style.left = "0px";
                divmask.style.position = "absolute";
                divmask.style.zIndex = "1";
                document.body.appendChild(divmask);
                var divtxt = "<div id='divshow' style='padding:10px;position:absolute;top:240px;left:450px;z-index:999;width:200px;height:50px;background:#ffffff;'>"
                divtxt += "<img src=\"/Content/images/loading-008.gif\" width=\"50\" height=\"50\" />  <label style='position:absolute;top:30px;'>请稍候...</label></div>";
                $(document.body).append(divtxt);
            }

图片资源