本文提供使用jQuery实现页面遮罩效果的完整代码示例。通过定义mask函数，可针对指定iframe窗口创建半透明遮罩，支持打开与关闭状态切换，并自动处理窗口大小改变时的遮罩适配，适用于弹窗或对话框场景。
jQuery实现iframe遮罩层代码示例
在使用以下代码之前，请确保已引入jQuery库。
具体实现代码如下：
var maskStackCount = 0;
function mask(method){
//此处指定需要被遮罩的目标窗口，示例中针对名为'dialognormaliframe'的iframe元素，也可替换为$(window)以遮罩整个窗口
var winObj=window.top.$("body").find("iframe[name='dialognormaliframe']");
if(typeof method == "undefined"){
method="open";
}
if (method == "open") {
if (maskStackCount <= 0) {
var mask = $("<div id='window-mask' class='window-mask' style='display:none'></div>").appendTo("body");
mask.css({
width: winObj.width() + "px",
height: winObj.height() + "px",
filter: "alpha(opacity=60)"
}).show();
winObj.on("resize.mask", function(){
mask.css({
width: winObj.width() + "px",
height: winObj.height() + "px"
});
});
}
maskStackCount++;
}
else if(method == "close"){
maskStackCount--;
$("#window-mask").remove();
winObj.off("resize.mask");
}
}