HTML·CSS야

레이어팝업-1

administrators 2010. 6. 7. 13:31 

<HTML>
<HEAD>
<TITLE> 레이어 팝업을 불러오자 </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="javascripｔ:CloselayerPop();"><font color="ffffff">닫기버튼</font></a></td>
 </tr>
 <tr>
 <td colspan="2" align="center" bgcolor="#FFFFFF">레이어 팝업을 불러왔어요!</td>
 </tr>
 </table>
 </Div>
 <!-- //레이어 팝업 div 끝-->
 <a href="javascripｔ: ViewlayerPop();">레이어 팝업을 불러오세염</a> 
</BODY>
</HTML>

 
 

http://blog.naver.com/alstong?Redirect=Log&logNo=60100477241
[출처] 레이어 팝업을 불러오자|작성자 미네씨