Обычное меню с выпадающим списком. Работает прекрасно везде кроме Mozilla( вообще никак не реагирует).
Привожу стиль и скрипт: <style>
.menu
{
top:0;
left:0;
position: relative;
z-index: 0;
}
.submenu
{
position: absolute;
top: 272;
z-index: 2;
visibility: hide;
visibility: hidden;
}
</style> <script>
var old;
var memold;
var subold;
if(document.layers)
{
window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=do_out;
} else
{
document.onmouseup=do_out;
}
function show_layer(x)
{
if(document.layers)
document.layers[x].visibility="show";
else
document.all[x].style.visibility="visible";
}
function hide_layer(x)
{
if(document.layers)
document.layers[x].visibility="hide";
else
document.all[x].style.visibility="hidden";
}
function do_menu(x)
{
if(!old)
old=memold;
if(old!=x)
{
show_layer(x);
old=x;
} else
old="";
}
function do_check(x)
{
if(old && old!=x)
{
hide_layer(old);
show_layer(x);
old=x;
}
do_submenu();
}
function do_out()
{
if(old)
hide_layer(old);
memold=old; old="";
do_submenu();
}
function do_submenu(x)
{
if(subold)
{
hide_layer(subold);
subold="";
}
if(x)
{
show_layer(x);
subold=x;
}
}
</script> <style>
#bn {display:none;}
#bt {display:none;}
</style> Сама реализация меню: <td width="158" height="41">
<div id="m1" class="menu" style="left: 0px;">
<table border="0" cellpadding="0" cellspacing="0" width="158" height="41">
<tr>
<td><a href="javascript:do_menu('m1x')" onmouseover="do_check('m1x')">
<img src="images/2-2.png" width="158" height="41" /></a></td>
</tr>
</table>
</div>
<div id="m1x" class="submenu" style="left: 329px; visibility: hidden" >
<table bgcolor="#202020" border="0" cellpadding="0" cellspacing="0" width="150" >
<tr>
<td><a href="#">Windows 3.*</a><br>
<a href="#">Windows 9*</a><br>
<a href="#">Windows NT</a><br>
<a href="#">Windows 2000</a> </td>
</tr>
</table>
</div>
</td> Буду признателен за помощь. |