JS 페이지에서 클릭 다른 곳으로 팝업 레이어를 닫습니다.

<! 공용 DOCTYPE HTML "-//W3C//DTD XHTML 1.0 전환 / / 엉" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">

< html xmlns = "http://www.w3.org/1999/xhtml" >

< 헤드 >

< 메타 http-equiv = "content-type" 내용 = "text/html; charset = gb2312 "/ >

< 제목 > jquery 팝업 레이어 효과 < / 타이틀 >

< 메타 콘텐츠 = "웹 효과, 특수 효과 코드, JQUERY, CSS 특수 효과, JS 코드, 슬라이드, 광고 사진 전환" 이름 = "키워드" / >

< 스타일 >

. black_overlay 없음;

표시: 없음;

위치: 절대;

상단: 0%;

왼쪽: 0%;

폭: 100%;

높이: 100%;

배경-색상: 검정;

z-인덱스: 1001;

-moz-불투명도: 0.8;

불투명도:입니다. 80;

필터: 알파 (불투명도 = 80);

}

. white_content 없음;

표시: 없음;

위치: 절대;

: 10%;

왼쪽: 10%;

폭: 80%;

높이: 80%;

단단한 스크롤하여 국경: 16PX;

배경-색상: 백색;

z-인덱스: 1002;

오버플로: 자동;

}

. white_content_small 없음;

표시: 없음;

위치: 절대;

최고: 20%;

왼쪽: 30%;

폭: 40%;

높이: 50%;

단단한 스크롤하여 국경: 16PX;

배경-색상: 백색;

z-인덱스: 1002;

오버플로: 자동;

}

</스타일 >

< 스크립트 유형 = "텍스트/자바 스크립트" >

숨겨진된 레이어를 추출

함수 없음; Showdiv (show_div, bg_div)

document.getElementById (Show_div) style.display= '블록';

document.getElementById (Bg_div) style.display= '블록';

var bgdiv = document.getElementById (Bg_div);

Bgdiv.style.width = Document.body.scrollWidth;

Bgdiv.style.height = $ (문서). 높이 ();

$ ("#" + bg_div). 높이 ($ (문서). 높이 ());

};

팝업 레이어 닫기

기능 Closediv (SHOW_DIV, BG_DIV)

{

document.getElementById (show_div). style.display= '없음';

document.getElementById (bg_div). style.display= '없음';

};

</스크립트 >

</헤드 >

< 몸 >

<는 onclick = "Showdiv ('mydiv', '페이드')" > 건설 역 교육 네트워크 < /a >

<!-레이어 div 배경->

< div id = "mydiv" 클래스 = "White_content" >

< div 스타일 = "텍스트-정렬: 오른쪽; 커서: 기본적; 높이: 40px; " >

< 스팬 스타일 = "글꼴-크기: 16px onclick =" closediv ('mydiv', '페이드') "> 가까운 < / 스팬 >

< / div >

잠시 동안, 난 아직도 내가 변형 했습니다 팝업 레이어 같은. 나는 또한 내 프로젝트에 이것을 사용합니다.

< / div >

</바디 >

< / html >