jQuery实现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");
 }
}