js形成页面的一种遮罩效果实例代码

用这锻代码 之前请先下载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 = $("<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");
        }
}

您可能感兴趣的文章:

• js实现遮罩层弹出框的方法
• js实现登陆遮罩效果的方法
• js弹出div并显示遮罩层
• js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动)
• 弹出最简单的模式化遮罩层的js代码
• JS实现遮罩层效果的简单实例
• js简单的弹出框有关闭按钮
• 使用新的消息弹出框blackbirdjs
• JS实现新浪微博效果带遮罩层的弹出框代码