本文介绍了一种使用JavaScript创建加载遮罩层的方法。通过简单的代码片段实现了页面加载时显示透明遮罩层及加载图标的功能，并提供了开启与关闭遮罩层的方法。
//开启
if (是否开启？ture:false) {
if($("#alertWindow").length > 0){
$("body").find("#cover_div").remove();
}
var div = "<div id='cover_div' style='position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;filter:Alpha(Opacity=10);/* IE */-moz-opacity:0.1;/* Moz + FF */opacity: 0.1;z-index:999999'><img src="+ctx+"/images/commons/loading6.gif style='position:absolute;top:48%;left:48%'></img></div>";
$("body").append(div);
}
//关闭
function clearcoverlayout(){
$("body").find("#cover_div").remove();
}
if (是否开启？ture:false) {
if($("#alertWindow").length > 0){
$("body").find("#cover_div").remove();
}
var div = "<div id='cover_div' style='position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;filter:Alpha(Opacity=10);/* IE */-moz-opacity:0.1;/* Moz + FF */opacity: 0.1;z-index:999999'><img src="+ctx+"/images/commons/loading6.gif style='position:absolute;top:48%;left:48%'></img></div>";
$("body").append(div);
}
//关闭
function clearcoverlayout(){
$("body").find("#cover_div").remove();
}
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
