<div class="codetitle"> <span><a style="CURSOR: pointer" data="80625" class="copybut" id="copybut80625" onclick="doCopy('code80625')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code80625"> <br><!DOCTYPE HTML PUBLIC "-//W3C/ /DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <br><html> <br><head> <br><meta http-equiv ="Content-Type" content="text/html; charset=gb2312" /> <br><title> 새 문서 </title><script type="text/javascript" src=" ../jquery-1.7.2.js"></script> <br><script type="text/javascript"> <br>//팝업 레이어, 제목, width, height Height, content content, url URL이 비어 있지 않으면 콘텐츠를 덮어쓰고 URL 페이지의 콘텐츠를 로드합니다. <br>function CreatePopLayerDiv(title,width,height,content,url){ <br>var titles = 제목 || "제목" ; <br>var Iheight=$(window).width(); <br>var heights = 300; >var 너비 = 너비 | 500; <br>var Oheight= (Iheight -heights) / 2; var Owidth = (Iwidth - 너비) /2;varcontents = content || <br>var div = "<div id='InDiv' style='width:" Iwidth "px;height:" Iheight "px;Background-color:#888;position:absolute;z-index:10000;top :0;left:0 ;opacity:0.7;'><div id='offDiv' style='width:" 너비 "px;height:" 높이 "px;left:" Owidth "px;top:" Oheight "px;배경색:흰색;위치:절대;z-색인:10001;'><h4 id='HTitle' style='margin:0px;padding:3px;배경:#336699;불투명도:0.9; 테두리:1px 솔리드 ## 336699;높이:20px;줄 높이:20px;글꼴:12px Verdana, Geneva, Arial, Helvetica, sans-serif;color:white;cursor:pointer;text-align:left;'> " titles "<a id='AClose' onclick='btnCloses()' style='float:right;'>닫기</a></h4><div id='Content'>" 내용 "</div></div>"; <br>$(document.body).append(div) <br>if(url != ""){ <br>$( "#Content") .load(url); <br>} <br>} <br>//팝업 레이어 제거<br>function RemoveDiv(){ <br>$("#AClose").remove(); <br>$ ("#HTitle").remove(); <br>$("#offDiv").remove() <br>$("#InDiv").remove() <br>$( function(){ <br>$("#btnTCC").click(function(){ <br>CreatePopLayerDiv("빛나는 순간",600,400,"팝업 레이어","테이블 짝수 행 변경 color.html"); <br>}); <br>}) <br>function btnCloses(){ <br>RemoveDiv(); <br>} <br></script> <br>< ;/head> <br> <br><input type="button" id="btnTCC" value="pop-up layer"> <br></body> ;/html> <br><br> </div>