首頁  >  文章  >  web前端  >  js形成頁面的一種遮罩效果實例程式碼_javascript技巧

js形成頁面的一種遮罩效果實例程式碼_javascript技巧

WBOY
WBOY原創
2016-05-16 17:05:291145瀏覽

用這鍛代碼之前請先下載jquery庫

複製代碼 代碼如下:

var maskStackCount = 0;

function mask(method){

//這裡是你想要進行遮罩的窗口,我這裡想要遮罩的是一個iframe窗口,也可以用var winObj=$(window)

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

        if(typeof method == "undefined"){
            ") {
            if (maskStackCount                 var mask = $("

")body." >                mask.css({
                    width:     winObj.width() "px",
                    height:     winObj.height() "px",
                    filter: "alpha(opacity=60)"
}).show();
                    winObj.on("resize.mask", function( {
                        width:           height }:     winObj.height() "px"
                            }
            maskStackCount ;
        }
   >            maskStackCount--;
            $("#window-mask").remove( mask");
        }
}


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn