nice menu

**shimi** · 08-30-2005, 12:26 PM

nice menu for your site

preview here:
http://planet.nana.co.il/thbanda/lala.htm

*requirements = basic knowladge in html so u can change the links and exc...

this goes in <head> ... </head>

Code:

<script language="JavaScript">
var flag="myID1";
function change(name){
if (navigator.appName=='Netscape') 
{  document.layers[flag].bgColor=null;
flag=name;
document.layers[flag].bgColor="#FF6600";
}
else 
{document.all[flag].style.backgroundColor="";
document.all[flag+"a"].style.color="blue";
 document.all[flag].style.fontWeight="normal"; 
flag=name;
 document.all[flag].style.backgroundColor="#000099";
 document.all[flag].style.fontWeight="bold"; 
document.all[flag+"a"].style.color="#ffffff";
}
}
</script>
<style>
#myID1 {position:relative;}
#myID2 {position:relative;}
#myID3 {position:relative;}
#myID4 {position:relative;}
#myID5 {position:relative;}
#myID6 {position:relative;}
#myID7 {position:relative;}
#myID8 {position:relative;}
#myID9 {position:relative;}
#myID10 {position:relative;}
#myID11 {position:relative;}
a {text-decoration:none;}
</style>

this goes in <body> ... </body>

Code:

<TABLE BORDER=0 cellpadding=0 cellspacing=0 align=center>
<TR><td nowrap>
<DIV align=center id=myID1>   A   </DIV>
<div align=center id=myID2>   B   </div>
<div align=center id=myID3>   C   </div>
<div align=center id=myID4>   D   </div>
<div align=center id=myID5>   E   </div>
<div align=center id=myID6>   F   </div>
<div align=center id=myID7>   G   </div>
<div align=center id=myID8>   H   </div>
<div align=center id=myID9>   I   </div>
<div align=center id=myID10>   J   </div>
<div align=center id=myID11>   K   </div></td></tr>
</table>