欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

用js+iframe形成頁面的一種遮罩效果的具體實現(xiàn)

 更新時間:2013年12月31日 15:47:36   作者:  
用js形成頁面的一種遮罩效果,選擇想要進行遮罩的窗口,在這里想要遮罩的是一個iframe窗口,具體的實現(xiàn)如下,感興趣的朋友可以參參考下
用這鍛代碼 之前請先下載jquery庫
復制代碼 代碼如下:

var maskStackCount = 0;

function mask(method){

//這里是你想要進行遮罩的窗口,我這里想要遮罩的是一個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");
}
}

相關文章

  • JS二叉樹的簡單實現(xiàn)方法示例

    JS二叉樹的簡單實現(xiàn)方法示例

    這篇文章主要介紹了JS二叉樹的簡單實現(xiàn)方法,結合具體實例形式分析了基于javascript定義二叉樹及二叉樹節(jié)點的遍歷、查找、添加、刪除及運算相關操作技巧,需要的朋友可以參考下
    2017-04-04
  • uni-app如何實現(xiàn)增量更新功能

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

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

    在JavaScript中如何使用宏詳解

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

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

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

    微信小程序實現(xiàn)即時通信聊天功能的實例代碼

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

    JavaScript中的 new 命令

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

    layui點擊左側導航欄,實現(xiàn)不刷新整個頁面,只刷新局部的方法

    今天小編就為大家分享一篇layui點擊左側導航欄,實現(xiàn)不刷新整個頁面,只刷新局部的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09
  • JavaScript中的16進制字符(改進)

    JavaScript中的16進制字符(改進)

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

    JS請求servlet功能示例

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

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

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

最新評論