본문 바로가기

Web/php . html

버튼으로 열고, 닫는! 간단한 레이어팝업!

<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번그림