用js+iframe形成页面的一种遮罩效果的具体实现

用js形成页面的一种遮罩效果，选择想要进行遮罩的窗口，在这里想要遮罩的是一个iframe窗口，具体的实现如下，有需要的朋友可以参考下！

用这锻代码 之前请先下载jquery库 

复制代码 代码如下:

var maskStackCount = 0; 

function mask(method){ 

//这里是你想要进行遮罩的窗口，我这里想要遮罩的是一个iframe窗口，也可以用var winObj=$(window) 

var winObj=window.top.$("body").find("iframe[name='dialognormaliframe']"); 

if(typeof method == "undefined"){ 

method="open"; 

} 

if (method == "open") { 

if (maskStackCount <= 0) { 

var mask = $("<p id='window-mask' class='window-mask' style='display:none'></p>").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"); 

} 

}