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

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

WBOY
發布: 2016-05-16 17:05:29
原創
1189 人瀏覽過

用這鍛代碼之前請先下載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");
        }
}


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板