>  기사  >  웹 프론트엔드  >  자바스크립트 창 로딩 마스크 내장 웹 콘텐츠_javascript 기술

자바스크립트 창 로딩 마스크 내장 웹 콘텐츠_javascript 기술

WBOY
WBOY원래의
2016-05-16 18:15:531116검색
코드 복사 코드는 다음과 같습니다.

//탐색 배경 초기화, iframe 컨테이너
기능 fnDaoHangBg()
{
var h = fnGetHeight(),w = fnGetWidth();//배경 창 크기 가져오기
if(!$('divDaoHangBg'))
{
var div = $ C('div');//배경 마스크 만들기
div.id = 'divDaoHangBg'
div.style.BackgroundColor =
div.style.position = '절대';
div.style.filter = 'alpha(opacity=80)';
div.style.opacity = '.80'
div.style.zIndex = 100001; div.style.left = 0;
div.style.width = w 'px'
h 'px'; document.body.appendChild(div);

if(!$('divDaoHangBgIframe'))
{
iframe = this.$C(' IFRAME'); //다른 웹페이지의 삽입된 표시를 위해 마스크 내에 인라인 iframe 컨테이너를 생성합니다.
iframe.id = 'divDaoHangBgIframe'
iframe.frameBorder = '0'>iframe.scrolling = "아니요" ;
iframe.style.overflow = '숨김';
iframe.allowTransparency = 'true';
iframe.style.display =
iframe.style.width = w 'px';//800
iframe.style.height = h 'px';//620
iframe.style.marginTop = '75px';//800
$('divDaoHangBg') .appendChild( iframe);
}
if(!$('divDaoHangBgClose'))
{
var div = $C('div');//마스크에 닫기 버튼 만들기
div.id = 'divDaoHangBgClose';
div.style.position = 'absolute'
div.style.BackgroundImage='url(images/closb.gif)'; .zIndex = 100003;
div.style.right = 10;
div.style.top = 20;
div.style.width = '82px'; 30px';
div.title='Close';
div.style.cursor='hand';
div.onclick=function(){//마스크를 닫으려면 시간을 클릭하세요
fnDaoHangBgClose ();
};
$('divDaoHangBg').appendChild(div)
}
$('divDaoHangBgIframe').style.display='block'; 'divDaoHangBg' ).style.display='block';
}
//마스크 닫기
function fnDaoHangBgClose()
{
if(!$('divDaoHangBg')){ return;}
if(!$('divDaoHangBgIframe')){return;}
$('divDaoHangBgIframe').src=''
$('divDaoHangBgIframe').style.display=' none';
$('divDaoHangBg').style.display='none';
}
//전화, 삽입된 URL
함수 fnDaoHangBgShow(url)
{
fnDaoHangBg () ;
$('divDaoHangBgIframe').src=url;
}


여기서 $()와 $C()는 각각
$(id)를 나타냅니다. ID 객체 document.getElementById(id)
$C(tag), 태그 생성 document.createElement(tag);
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.