js形成頁(yè)面的一種遮罩效果實(shí)例代碼
用這鍛代碼 之前請(qǐng)先下載jquery庫(kù)
var maskStackCount = 0;
function mask(method){
//這里是你想要進(jìn)行遮罩的窗口，我這里想要遮罩的是一個(gè)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");
}
}
相關(guān)文章
這篇文章主要向大家詳細(xì)介紹了javascript函數(shù)表達(dá)式，幫助大家理解javascript函數(shù)表達(dá)式，感興趣的朋友可以參考一下2016-02-02
JavaScript實(shí)現(xiàn)生成動(dòng)態(tài)表格和動(dòng)態(tài)效果的方法詳解
這篇文章主要介紹了如何通過(guò)JavaScript語(yǔ)言實(shí)現(xiàn)動(dòng)圖表格的生成以及動(dòng)態(tài)效果的實(shí)現(xiàn)，文中的示例代碼講解詳細(xì)，感興趣的可以了解一下2022-02-02
這篇文章主要介紹了JS 數(shù)組和對(duì)象的深拷貝操作,結(jié)合實(shí)例形式分析了JS 數(shù)組和對(duì)象的深拷貝基本原理與操作技巧,需要的朋友可以參考下2020-06-06
JS實(shí)現(xiàn)仿Windows經(jīng)典風(fēng)格的選項(xiàng)卡Tab切換代碼
這篇文章主要介紹了JS實(shí)現(xiàn)仿Windows經(jīng)典風(fēng)格的選項(xiàng)卡Tab切換代碼,涉及JavaScript元素的遍歷與樣式的修改技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10
js二級(jí)地域選擇的實(shí)現(xiàn)方法，需要的朋友可以參考一下2013-06-06
js 將input框中的輸入自動(dòng)轉(zhuǎn)化成半角大寫(xiě)（稅號(hào)輸入框）
本文主要介紹了稅號(hào)輸入框：將input框中的輸入自動(dòng)轉(zhuǎn)化成半角大寫(xiě)的方法，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02
淺談js-FCC算法Friendly Date Ranges(詳解)
下面小編就為大家?guī)?lái)一篇淺談js-FCC算法Friendly Date Ranges(詳解)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-04-04
在本篇文章里小編給大家整理的是關(guān)于JS如何阻止事件冒泡的相關(guān)知識(shí)點(diǎn)內(nèi)容，有需要的朋友們可以學(xué)習(xí)下。2019-08-08
javascript中如何快速獲取數(shù)組最后一個(gè)值
這篇文章主要介紹了javascript中如何快速獲取數(shù)組最后一個(gè)值問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-01-01
JS實(shí)現(xiàn)超精簡(jiǎn)響應(yīng)鼠標(biāo)顯示二級(jí)菜單代碼
這篇文章主要介紹了JS實(shí)現(xiàn)超精簡(jiǎn)響應(yīng)鼠標(biāo)顯示二級(jí)菜單代碼,可實(shí)現(xiàn)針對(duì)鼠標(biāo)事件的響應(yīng)動(dòng)態(tài)修改頁(yè)面元素屬性的功能,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-09-09