우선 닫기 버튼을 클릭하거나 마스크 레이어의 아무 곳이나 클릭하여 팝업 레이어를 닫을 수 있습니다.
CSS 코드
.pop-box {
z-index: 9999; /*이 값은 상단에 표시될 만큼 커야 합니다.*/
margin-bottom: 3px
display: none; 🎜>위치: 절대;
배경: #FFF;
경계:solid 1px #6e8bde
}
.pop-box h4 {
색상:
cursor:default ;
높이: 18px;
font-weight:bold; 텍스트 정렬:
padding-left; >padding-top: 4px;
padding-bottom: 2px;
배경: url("../images/header_bg.gif") 반복-x 0 0; .pop-box -body {
지우기: 둘 다
여백: 4px;
패딩:
}
JS 코드
🎜>
코드 복사
코드는 다음과 같습니다.
function popupDiv(div_id) {
.height(windowHeight * 0.99)
.click(function() {hideDiv(div_id); })
.appendTo("body")
. fadeIn(200);
div_obj.css({"position": "absolute"})
.animate({left: windowWidth/2-popupWidth/2,
top: windowHeight/2-popupHeight/ 2, 불투명도: "표시" }, "느림");
function hideDiv(div_id) {
$("#mask").remove(); "#" div_id).animate ({왼쪽: 0, 위쪽: 0, 불투명도: "숨기기" }, "느림")
}
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
