프리랜서 웹디자이너 웹퍼블리셔RELATION

RELATION 로고

홈페이지 소스

[SCRIPT] 버튼 클릭으로 열리는 레이어 팝업

2022.08.02
북마크 [출처 이동]    작성자 정보
** 버튼 클릭으로  모달 팝업 열기 
- javascript, function 


소스
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>RELATION.CO.KR_5_63</title>
	<!-- 레이어 팝업 스크립트-->
	<script>
		function ViewlayerPop(){
		document.getElementById("layerPop").style.display='inline'
		}

		function CloselayerPop(){
		document.getElementById("layerPop").style.display='none';

		}
	</script>
</head>

<body>
	<!-- 레이어 팝업 div-->
	<Div id="layerPop" style="position:absolute; left:246px; top:109px; width:400px; height:240px; z-index:0;display:none;">
	<table width="400" border="0" cellpadding="10" cellspacing="1" bgcolor="224970">
	<tr>
	<td><font color="ffffff">레이어 팝업이 짠~!</font></td>
	<td align="right"><a href="javascript:CloselayerPop();"><font color="ffffff">닫기버튼</font></a></td>
	</tr>
	<tr>
	<td colspan="2" align="center" bgcolor="#FFFFFF">레이어 팝업을 불러왔어요!</td>
	</tr>
	</table>
	</Div>
	<!-- //레이어 팝업 div 끝-->
	<a href="javascript: ViewlayerPop();">레이어 팝업을 불러오세염</a>
</body>
</html>

http://relation.co.kr/images_board/board_system_publishing/271/index_63.php


 

이 포스트 공유하기

전체목록