<html>
<head>
<style type="text/css">
a:hover {background-color:blue;color:whilte}
div {background-color:beige;}
</style>
<script type="text/jscript">
function mm(n)
{
if(n==0)
{
for(i=1;i<4;i++)
{
k="layer"+i;
document.all[k].style.visibility='hidden';
}
}
else
{
for(i=1;i<4;i++)
{
k="layer"+i;
if(i==n)
{
document.all[k].style.visibility='visible';
continue;
}
else
{
document.all[k].style.visibility='hidden';
}
}
}
}
</script>
</head>
<body>
<h3>연습.. 상단메뉴</h3>
<table width="560">
<tr>
<td><a href="#" onMouseOver="mm(0)">hoem</a></td>
<td><a href="#" onMouseOver="mm(1)">개인회원</a></td>
<td><a href="#" onMouseOver="mm(2)">기업회원</a></td>
<td><a href="#" onMouseOver="mm(3)">채용정보</a></td>
</tr>
</table>
<div id=layer1 style="position:absolute;left:0px;top:100px;width:500px;height:100px;visibility:hidden;">
개인정보<br>
인<br>
정<br>
보
</div>
<div id=layer2 style="position:absolute;left:0px;top:100px;width:500px;height:100px;visibility:hidden;">
기업회원<br>
업<br>
회<br>
원
</div>
<div id=layer3 style="position:absolute;left:0px;top:100px;width:500px;height:100px;visibility:hidden;">
b<br>
i<br>
n<br>
s
</div>
</form>
</body>
</html>
