Горизонтальное меню

Горизонтальное меню. Раскрывающееся при наведении мыши.

Раскрывающеяся меню
Главная	Меню 1....	Меню 2...	Меню 3...	Меню 4...	Меню 5...

На оглавление

КОД

#box {
position:absolute;
visibility:hidden;
layer-background-color:silver }
#limebox {background-color:lime }
#bluebox {background-color:lightsteelblue }
#mnubar {font:10pt arial; font-weight:bold }

</style>

function openIt(x) {
if(ns) {
   showbox= document.layers[x+1]
     showbox.visibility = "show"
       showbox.top=44
    var items = 5      
     for (i=1; i<=items; i++) {
      elopen=document.layers[i]
        if (i != (x + 1)) { 
          elopen.visibility = "hide" }
            }
  }

if(ie) {
   curEl = event.toElement
   curEl.style.background = "yellow"

showBox = document.all.box[x];
     showBox.style.visibility = "visible";
        showBox.style.top = 240;
         
   var items = 5 
    for (i=0; i<items; i++) {
      elOpen=document.all.box[i]
       barEl=document.all.mnubar[i]
        if (i != x){ 
          elOpen.style.visibility = "hidden" 
          barEl.style.background = "#ccccff"
       }
     }
   }
}

function closeIt() {
   var items = 5 
     for (i=0; i<items; i++) {
       if(ie){
        document.all.box[i].style.visibility = "hidden"
          barEl=document.all.mnubar[i]
           barEl.style.background = "#ccccff" 
       }
       if(ns){ document.layers[i+1].visibility = "hide"}          
}
}

</script>

</head>

<tr>
<td align="center" nowrap valign="middle" colspan="7" bgcolor="#000066" >
  <p align="left"><b><font size="4" face="Arial" color="#FFFF00">Раскрывающеяся
	меню</font></b></td>

</tr>
<tr>
<td align="center" ><b><font color="#000080" face="Arial"><a
		href="http://www.webg.agava.ru/index.html">Главная</a></font></b><br>
</td>
<td align="center" nowrap >
<a href="#" onmouseover="openIt(0)" id=mnubar>Меню 1....</a> <IMG SRC="left.gif"><br></td>

</layer>
</div>

<div id=box style=left:120> 
 <table border="1" id=bluebox >      
  <td><a href='java.htm'>На оглавление</a></td></tr>
  <td><a href='http://www.webg.newmail.ru/ban/bans.htm' >Баннеры</a></td></tr>
     </table>
 </div>

<div id=box style=left:200> 
 <table border="1" id=limebox> <tr>     
 <td><a href='http://www.webg.agava.ru.ru/fon/fons.htm'>Фоны</a></td>
 <td><a href='http://www.webg.agava.ru/gif/gifs.htm' >Анимированные гифы</a></td>
    </table>
 </div>

<div id=box style=left:290> 
 <table border="1" id=bluebox>      
 <tr><td><a href='http://www.webg.agava.ru/icon/icons.htm' >Иконки</a></td>
 <td><a href='http://www.webg.agava.ru/ss.htm' >Ссылки</a></td></tr>
 </table>
 </div>

<div id=box style=left:400> 
 <table border="1" id=limebox>      
 <tr><td><a href='http://www.webg.newmail.ru/index.html' >Ваша ссылка</a></td>
   <td><a href='http://www.webg.newmail.ru/index.html' >Ваша ссылка</a></td></tr>
   </table>
 </div>

<div id=box style=left:520> 
 <table border="1" id=bluebox>      
 <tr><td><a href='http://www.webg.newmail.ru/index.html' >Ваша ссылка</a></td>
  <td><a href='http://www.webg.newmail.ru/index.html' >Ваша ссылка</a></td></tr>
  </table>
 </div>