亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

用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ù)
復(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");
}
}

相關(guān)文章

  • JS二叉樹(shù)的簡(jiǎn)單實(shí)現(xià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
  • uni-app如何實(shí)現(xiàn)增量更新功能

    uni-app如何實(shí)現(xiàn)增量更新功能

    這篇文章主要介紹了uni-app如何實(shí)現(xiàn)增量更新功能,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2020-01-01
  • 在JavaScript中如何使用宏詳解

    在JavaScript中如何使用宏詳解

    這篇文章主要給大家介紹了關(guān)于在JavaScript中如何使用宏的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2021-05-05
  • 深入理解JS實(shí)現(xiàn)快速排序和去重

    深入理解JS實(shí)現(xiàn)快速排序和去重

    在js面試中快速排序和數(shù)組去重是比較常問(wèn)的面試題,下面小編給大家分享下我對(duì)JS實(shí)現(xiàn)快速排序和去重的理解,感興趣的朋友一起看看吧
    2016-10-10
  • 微信小程序?qū)崿F(xiàn)即時(shí)通信聊天功能的實(shí)例代碼

    微信小程序?qū)崿F(xiàn)即時(shí)通信聊天功能的實(shí)例代碼

    這篇文章主要介紹了微信小程序?qū)崿F(xiàn)即時(shí)通信聊天功能的實(shí)例代碼,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2018-08-08
  • JavaScript中的 new 命令

    JavaScript中的 new 命令

    這篇文章主要介紹了JavaScript中的new 命令,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2019-05-05
  • layui點(diǎn)擊左側(cè)導(dǎo)航欄,實(shí)現(xiàn)不刷新整個(gè)頁(yè)面,只刷新局部的方法

    layui點(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-09
  • JavaScript中的16進(jìn)制字符(改進(jìn))

    JavaScript中的16進(jìn)制字符(改進(jìn))

    后來(lái)經(jīng)過(guò)自己的測(cè)試,發(fā)現(xiàn)將字符轉(zhuǎn)換為十六進(jìn)制的方法不完善。
    2011-11-11
  • JS請(qǐng)求servlet功能示例

    JS請(qǐng)求servlet功能示例

    這篇文章主要介紹了JS請(qǐng)求servlet功能,結(jié)合具體實(shí)例形式分析了javascript使用ajax請(qǐng)求servlet端響應(yīng)的主要功能代碼與相關(guān)操作技巧,需要的朋友可以參考下
    2017-06-06
  • JSONP和批量操作功能的實(shí)現(xiàn)方法

    JSONP和批量操作功能的實(shí)現(xiàn)方法

    這篇文章主要介紹了JSONP和批量操作功能的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下
    2016-08-08

最新評(píng)論