JS 팝업 레이어를 표시하고 숨기기 위한 샘플 코드

다음과 같이 코드 코드를 복사합니다.

<!--팝업 레이어 표시 및 숨기기-->

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

//팝업 레이어 표시

//오버레이: 마스크 레이어의 ID입니다.

//wins: 팝업 레이어 양식의 ID

//팝업 레이어에서 드래그하는 데 사용되는 ID

함수 popDIV_show(overlays,wins,wins_title) {

var oLays = documentgetElementById(overlays);

var oWins = documentgetElementById(wins);

var oWins_title = documentgetElementById(wins_title);

var bDrag = false;

var disX = disY = 0;

var w = "";

var n = 1;

만약 (n > 0) {

oLaysstyledisplay = "차단";

oWinsstyledisplay = "차단";

oWins_titleonmousedown = 함수(이벤트) {

var 이벤트 = 이벤트 ||

b드래그 = true;

disX = eventclientX - oWinsoffsetLeft;

disY = eventclientY - oWinsoffsetTop;

thissetCapture && thissetCapture();

거짓을 반환하다

};

documentonmousemove = 함수(이벤트) {

if (!b드래그)

반품;

var 이벤트 = 이벤트 ||

var iL = eventclientX - disX;

var iT = eventclientY - disY;

var maxL = documentdocumentElementclientWidth

- oWinsoffsetWidth;

var maxT = documentdocumentElementclientHeight

- oWinsoffsetHeight;

iL = iL < 0 : iL;

iL = iL > 최대L ? maxL : iL;

iT = iT < 0 ? : iT;

iT = iT > 최대T ? maxT : iT;

oWinsstylemarginTop = oWinsstylemarginLeft = 0;

oWinsstyleleft = iL + "px";

oWinsstyletop = iT + "px";

거짓을 반환;

};

documentonmouseup = windowonblur = oWins_titleonlosecapture = function() {

b드래그 = 거짓;

oWins_titlereleaseCapture && oWins_titlereleaseCapture();

};

}

}

//팝업 레이어 숨기기

//오버레이: 마스크 레이어의 ID입니다.

//wins: 팝업 레이어 양식의 ID

함수 popDIV_hidden(오버레이,wins) {

var oWins = documentgetElementById(wins);

var oLays = documentgetElementById(overlays);

oWinsstyledisplay = "없음";

oLaysstyledisplay = "없음";

}

</script>