<br><div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode2'));"><u>코드 복사</u></span></div>코드는 다음과 같습니다.</div> <div class="msgborder" id="phpcode2"> <br><!DOCTYPE html PUBLIC "-/ /W3C/ /DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> .org/1999/xhtml"> <br>< ;head> <br><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <br> <제목>제목 없는 문서 <br> <style type="text/css"> <br>/*팝업 레이어의 STYLE*/ <br>html,body {height:100%; margin:0px;} <br> .mydiv { <br>배경색: #ff6; <br>테두리: 1px #f90; 텍스트 정렬: 중앙 <br>글꼴 크기: 12px; <br>글꼴 두께: 굵게; <br>z-index:99; <br>폭: 300px; <br>높이: 120px; <br>왼쪽:50%;/*FF IE7*/ <br>상단 : 50%;/*FF IE7*/ <br>margin-left:-150px!important;/*FF IE7 이 값은 너비의 절반입니다*/ <br>margin-top:-60px!important;/*FF IE7 값은 높이의 절반입니다*/ <br>margin-top:0px; <br>position:fixed!important;/*FF IE7*/ <br>position:absolute;/*IE6*/ <br>_top : 표현식(eval(document.compatMode && <br>document.compatMode=='CSS1Compat') ? <br>documentElement.scrollTop (document.documentElement.clientHeight-this .offsetHeight)/2 :/*IE6*/ <br> document.body.scrollTop (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/ <br>} <br>.bg { <br>배경색: #ccc; >너비: 100%; <br>높이: 100%; <br>왼쪽:0 <br>상단:0;/*FF IE7*/ <br>filter:alpha(opacity=50);/*IE* / <br>불투명도:0.5;/*FF*/ <br>z-index:1; <br>위치:고정!중요;/*FF IE7* / <br>위치:절대;/*IE6*/ <br>_top: 표현식(eval(document.compatMode && <br>document.compatMode=='CSS1Compat') ? <br>documentElement.scrollTop (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/ <br>document.body.scrollTop (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/ <br>} <br>/*끝*/ <br></ style><br><script type="text/javascript"> <br>function showDiv(){ <br>document.getElementById('popDiv') .style.display='block'; getElementById('bg').style.display='block'; <br>} <br>function closeDiv(){ <br>document.getElementById('popDiv ').style.display='none' <br> document.getElementById('bg').style.display='none'; <br></script> <br></head> <br><div id="popDiv" class="mydiv" style="display:none;">title<br/>알고 계시죠<br/> <br><a href="javascript:closeDiv()"> 창 닫기</a></div> <br><div id="bg" class="bg" style="display:none ;"></div> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <br> <div style="padding-top: 20px;"> <br><input type="Submit" name="" value=" 레이어 표시" onclick="javascript:showDiv()" /> ></div> <br></body> <br><br><br>Nice 스타일 추가<br><br><br><br> <br>코드 복사<br><br> </div>코드는 다음과 같습니다.<br><div class="msgborder" id="phpcode3"> <br><html> <br><head><제목></title> <br><스타일> <br>.mesWindowTop { <br>글꼴 크기: 12px; <br>글꼴 두께: 굵게; <br>텍스트 정렬: 왼쪽; <br>} <br>.mesWindowContent { <br>글꼴 크기: 12px; <br>} <br>.mesWindow { <br>배경: 없음 반복 스크롤 0 0 #FFFFFF; <br>테두리: 1px 단색 #666666; <br>} <br></style> <br></head> <br><본문> <br><div id="mesWindow" class="mesWindow" style="top: 180px; 위치: 절대; 너비: 600px; margin-left: -300px; 왼쪽: 50%; z-index: 9999;" ><div class="mesWindowTop"><table width="100%" height="100%"><tbody><tr><td>窗口标题</td>< td style="width:1px;"><input type="button" value="关闭" class="close" title="关闭窗口" onclick="closeWindow();"></td> </tr></tbody></table></div><div id="mesWindowContent" class="mesWindowContent"><div style="padding:20px 0 20px 0;text- align:center">消息正文</div></div><div class="mesWindowBottom"></div></div> <br></body> <br></html> <br> </div>
