javascript는 div_javascript 기술을 캡슐화하여 div 양식을 표시합니다.

사진 1(div 팝업)

그림 2(여러 팝업)
생성자:

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

var DivWindow= function(popup/*가장 바깥쪽 div id*/,popup_drag/*drag div id*/,popup_exit/*종료 버튼 id*/,exitButton/*트리거 서버 측 종료 버튼 id*/ ,varwidth,varheight,zindex){
this.popup =popup ;
this.height =varheight ; //창 높이는 창 높이와 너비를 설정하는 데 사용되지 않지만 화면 위치를 지정하는 데 사용됩니다.
this.width =varwidth; //창 너비
this.exitButton=exitButton;
this.zindex=zindex; / 초기화 창
this.popupShow();
this.startDrag(); //드래그 설정
this.setCommond(); //닫기 설정
document.getElementById (this.popup)); //배열에 저장 창
};


호출:

코드 복사

코드는 다음과 같습니다.

예, 이게 좀 이상하다고 생각할 수도 있습니다. 이유는 묻지 마세요. 제가 필요해서 시간이 나면 마스킹 효과를 수정하겠습니다. 자세한 코드는
전체 코드

다운로드를 참조하세요.

창 클래스 <title> </title> <meta http-equiv="Content-Type" content="text/html;charset=gb2312"> <style type="text/css"> .mask{position: absolute; top: 0px; left: 0px; filter: alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; background-color: #ffffff; z-index: 2; display: none;} /* 寮瑰</style>