Forum Moderators: open
Please see what I am talking about at [guniverse.com...]
the code:
<head>
<script type=text/javascript>
function ShowMenu(menuid)
{
newmenu=document.getElementById(menuid);
newmenu.style.display="block";
}
function HideMenu(menuid)
{
newmenu.style.display="none";
}
function ChangeColor(rowid)
{
row=document.getElementById(rowid);
row.style.backgroundColor="959292";
}
function ReturnColor(rowid)
{
row.style.backgroundColor="d7d5d5";
}
</script>
<style>
#submenu{
position: absolute;
display:none;
top:40px;
left: 75px;
}
</style>
</head>
<body>
<div onmouseover="ShowMenu('menu');" onmouseout="HideMenu('menu');">
<table bgcolor="000000" cellpadding=2 cellspacing=1>
<tr><td bgcolor=D7d5d5>
<font color="white">Menu </font>
</td></tr>
</table>
</div>
<div id="menu" style="display:none" onmouseover="ShowMenu('menu');" onmouseout="HideMenu('menu');">
<table cellpadding=2 cellspacing=1 bgcolor=black>
<tr ><td bgcolor=D7d5d5 id="rev" onmouseover="ChangeColor('rev'); ShowMenu('submenu');" onmouseout="ReturnColor('rev');">
<font>Reviews ›</font>
</td></tr>
<tr><td bgcolor=D7d5d5 id="art" onmouseover="ChangeColor('art'); HideMenu('submenu');" onmouseout="ReturnColor('art');">
<font>Articles</font>
</td></tr>
</table>
<div id="submenu" style="display:none" >
<table bgcolor="000000" cellpadding=2 cellspacing=1>
<tr ><td bgcolor=D7d5d5 id="game" onmouseover="ChangeColor('game');" onmouseout="ReturnColor('game'); HideMenu('submenu');">
<font>Games</font>
</td></tr>
</table>
</div>
</body>
