用js iframe形成頁面的一種遮罩效果的具體實作_javascript技巧

用這鍛代碼之前請先下載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 var mask = $("

").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");
}
}