Код горизонтальной меню - полностью на HTML <--------
<table width="90%" cellspacing="2" ALIGN="CENTER"
cellpadding="0" border="0">
<tr>
<STYLE TYPE="text/css">
TD.normal{color: black; font-weight:
bold; background: #DDDDDD; cursor: ;}
TD.selected{color: font-weight: bold;
background:#eeeeee; cursor: hand;}
</STYLE>
<tr>
<td bgcolor="#eeeeee" ALIGN="CENTER" class=normal onMouseOver=
"this.className='selected'"
onClick ="javascript:location.href=
'hiotiplinkor.htm'"
o nMouseOut="this.className='normal'">
<font color=#3b4d6b face="Comic Sans MS" size=2><f>Линкоры тип H-39,H-40,H-41</font>
</td>
<td WIDTH="25%" bgcolor="#eeeeee" ALIGN="CENTER" class=normal onMouseOver=
"this.className='selected'"
onClick ="javascript:location.href=
'hiotiplinkor42.htm'"
onMouseOut="this.className='normal'">
<font color=#3b4d6b face="Comic Sans MS" size=2>Линкоры тип H-42,H-43,H-44</font>
</td>
<td WIDTH="25%" bgcolor="#eeeeee" ALIGN="CENTER" class=normal onMouseOver=
"this.className='selected'"
onClick ="javascript:location.href=
'hiotiplinkor42.htm'"
onMouseOut="this.className='normal'">
<font color=#3b4d6b face="Comic Sans MS" size=2>Проектирование и строительство</font>
</td>
<td WIDTH="25%" bgcolor="#eeeeee" ALIGN="CENTER" class=normal onMouseOver=
"this.className='selected'"
onClick ="javascript:location.href=
'hiotipo.htm'"
onMou seOut="this.className='normal'">
<font color=#3b4d6b face="Comic Sans MS" size=2>Линейные крейсера тип "О"</font>
</td>
</tr></table>
<table width="62%" hight="2" align="center">
<tr>
<td background="files/line.gif" HEIGHT="2"></td>
</tr>
</table>
--------->
Ссылка на готовый пример http://www.germanfleet.narod.ru/books/menu1.html