WEBBIBL_JAVA

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

Код

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Горизонтальное меню раскрывающееся при наведении мыши.</title> <style type="text/css"> a { font-size:10pt; color: navy; text-decoration: none } a:hover { background-color: yellow; text-decoration: underline } #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> <script language="JavaScript"> ns=window.navigator.appName == "Netscape" ie=window.navigator.appName == "Microsoft Internet Explorer" 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 = 46; 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> <body bgcolor="white" vlink=navy marginwidth="0" marginheight="0" topmargin="0" leftmargin="0"> <table border="0" cellpadding="0" width="100%" bgcolor="#CCCCFF" height="20" id=mainmenu> <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://xxx.com">Главная</a></font></b><br> </td> <td align="center" nowrap > <a href="#" onmouseover="openIt(0)" id=mnubar>Меню 1</a> <img src="arrowdn.gif" width="10" height="10" ><br></td> <td align="center" nowrap > <a href="#" onmouseover="openIt(1)" id=mnubar>Меню 2</a> <img src="arrowdn.gif" width="10" height="10" ><br></td> <td align="center" nowrap > <a href="#" onmouseover="openIt(2)" id=mnubar>Меню 3</a> <img src="arrowdn.gif" width="10" height="10" ><br></td> <td align="center" nowrap > <a href="#" onmouseover="openIt(3)" id=mnubar>Меню 4</a> <img src="arrowdn.gif" width="10" height="10" ><br></td> <td align="center" nowrap > <a href="#" onmouseover="openIt(4)" id=mnubar>Меню 5</a> <img src="arrowdn.gif" width="10" height=