用js+iframe形成頁(yè)面的一種遮罩效果的具體實(shí)現(xiàn)
更新時(shí)間:2013年12月31日 15:47:36 作者:
用js形成頁(yè)面的一種遮罩效果,選擇想要進(jìn)行遮罩的窗口,在這里想要遮罩的是一個(gè)iframe窗口,具體的實(shí)現(xiàn)如下,感興趣的朋友可以參參考下
用這鍛代碼 之前請(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");
}
}
復(fù)制代碼 代碼如下:
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");
}
}
您可能感興趣的文章:
- iframe子父頁(yè)面調(diào)用js函數(shù)示例
- 解決extjs在firefox中關(guān)閉窗口再打開(kāi)后iframe中js函數(shù)訪問(wèn)不到的問(wèn)題
- js中iframe調(diào)用父頁(yè)面的方法
- js防止頁(yè)面被iframe調(diào)用的方法
- js操作iframe父子窗體示例
- iframe子頁(yè)面與父頁(yè)面在同域或不同域下的js通信
- js判斷iframe內(nèi)的網(wǎng)頁(yè)是否滾動(dòng)到底部觸發(fā)事件
- js調(diào)用iframe實(shí)現(xiàn)打印頁(yè)面內(nèi)容的方法
- 通過(guò)隱藏iframe實(shí)現(xiàn)文件下載的js方法介紹
- js動(dòng)態(tài)創(chuàng)建上傳表單通過(guò)iframe模擬Ajax實(shí)現(xiàn)無(wú)刷新
- Javscript調(diào)用iframe框架頁(yè)面中函數(shù)的方法
相關(guān)文章
JS二叉樹(shù)的簡(jiǎn)單實(shí)現(xiàn)方法示例
這篇文章主要介紹了JS二叉樹(shù)的簡(jiǎn)單實(shí)現(xiàn)方法,結(jié)合具體實(shí)例形式分析了基于javascript定義二叉樹(shù)及二叉樹(shù)節(jié)點(diǎn)的遍歷、查找、添加、刪除及運(yùn)算相關(guān)操作技巧,需要的朋友可以參考下2017-04-04微信小程序?qū)崿F(xiàn)即時(shí)通信聊天功能的實(shí)例代碼
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)即時(shí)通信聊天功能的實(shí)例代碼,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-08-08layui點(diǎn)擊左側(cè)導(dǎo)航欄,實(shí)現(xiàn)不刷新整個(gè)頁(yè)面,只刷新局部的方法
今天小編就為大家分享一篇layui點(diǎn)擊左側(cè)導(dǎo)航欄,實(shí)現(xiàn)不刷新整個(gè)頁(yè)面,只刷新局部的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09JavaScript中的16進(jìn)制字符(改進(jìn))
后來(lái)經(jīng)過(guò)自己的測(cè)試,發(fā)現(xiàn)將字符轉(zhuǎn)換為十六進(jìn)制的方法不完善。2011-11-11