<html>
<head>
<title>on/off 기능이 있고 레이어를 마우스로 드래그 할 수 있는 예제</title>
</head>
<body>
<div id="showimage" style="position:absolute; left:245px; top:148px; width:456px; height:311px; z-index:1; visibility: hidden">
<table border="0" width="250" bgcolor="#000080" cellspacing="0" cellpadding="0">
<tr>
<td width="100%">
<table border="0" width="100%" cellspacing="0" cellpadding="0" height="36">
<tr>
<td id="dragbar" style="cursor:hand" width="100%">
<ilayer width="100%" onSelectStart="return false">
<layer width="100" onMouseover="dragswitch=1;if (ns4) drag_dropns(showimage)" onMouseout="dragswitch=0" id="layer1" left="50" top="50" height="200" z-index="1">
<p><font face="Verdana" color="#FFFFFF"><strong><small>공지사항</small></strong></font>
</layer>
<p></ilayer>
</td>
<td style="cursor:hand;font-size:9pt;">
<a href="#" onClick="hidebox();return false"><font color=#ffffff>close</font></a></td>
</tr><tr>
<td width="100%" height="83" bgcolor="#FFFFFF" style="padding:0px" colspan="2">
내용을 넣어 주세요
</td></tr></table>
</td></tr></table>
</div>
<form>
<input type="button" value="Show/Hide layer"
onClick="showHide('showimage')">
</form>
</body>
</html>
