버튼으로 열고, 닫는! 간단한 레이어팝업!
<html>
<head>
<title>지금, 시작합니다</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
.input_text{padding-left:3px;}
</style>
</head>
<script type="text/javascript">
<!--
function layer_open()
{
document.getElementById("open").style.display='';
}
function layer_close()
{
document.getElementById("open").style.display='none';
}
//-->
</script>
<body>
<form name="TestFrm" id="TestFrm" onsubmit="" method="post" action="" target="iFrame_">
<table width="200" border="1" cellspacing="0" cellpadding="0" valign="center" >
<tr height="214">
<td width="160" align="center" colspan="2">
<div id="open" style="display:none;"><img src="../main/img/layer_2.jpg"></div>
</td>
<td width="40" align="center" colspan="2">
<input type="button" onclick="javascript:layer_open();" value="확인"><br>
<input type="button" onclick="javascript:layer_close();" value="닫기">
</td>
</tr>
</table>
</form>
</body>
</html>
1번그림 -> 2번그림 -> 3번그림