>웹 프론트엔드 >JS 튜토리얼 >page_javascript 기술을 형성하기 위해 js iframe을 사용하여 마스킹 효과의 특정 구현

page_javascript 기술을 형성하기 위해 js iframe을 사용하여 마스킹 효과의 특정 구현

WBOY
WBOY원래의
2016-05-16 17:06:04943검색

이 코드를 사용하기 전에 jquery 라이브러리를 다운로드하세요

코드 복사 코드는 다음과 같습니다.

var MaskStackCount = 0;

function Mask(method){

//여기서 마스크하려는 창은 iframe 창입니다. 사용 var winObj=$(window)

var winObj=window.top.$("body").find("iframe[name='dialognormaliframe']")
if(typeof method = = " 정의되지 않음"){
method="open";
}
if (method == "open") {
if (maskStackCount <= 0) {
var 마스크 = $( "").appendTo("body")
mask.css ({
너비: winObj.width() "px",
높이: winObj.height() "px",
필터: "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")
}
}
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.