Поправила код, теперь все отлично работает! :))
Вот только в NN6 подпункты меню появляются не точно под самим пунктом, а сдвинуто влево. Как узнать что у меня броузер NN6? Я бы тогда прибавляла немного, чтоб сдвинуть вправо.
<script LANGUAGE="JavaScript">
<!-- Begin
dom = (document.getElementById)? true : false;
nn4 = (document.layers)? true : false;
ie4 = (!dom && document.all)? true : false;
var last_elem=null, g_iFadeTimer;
function fnShowMenu(oMenuLink, oMenuDiv){
window.clearTimeout(g_iFadeTimer);
HideMenu();
var Link=dom?document.getElementById(oMenuLink):document.all[oMenuLink];
var Div=dom?document.getElementById(oMenuDiv):document.all[oMenuDiv];
Div.style.width = Link.offsetWidth;
Div.style.left = Link.offsetLeft;
Div.style.visibility = "visible";
last_elem=oMenuDiv;
}
function HideMenu(){
.if(last_elem != null){
.if (dom) { document.getElementById(last_elem).style.visibility = "hidden";}
else if (ie4) { document.all[last_elem].style.visibility = "hidden";}
..last_elem = null;
.}}
function hideall(){
var ch=new Array("child");
for (var i=0; i<=0; i++)
{
var elem=ch[i];
var Div=dom?document.getElementById(elem):document.all[elem];
Div.style.visibility="hidden";
}}.
// End -->
</script>
</head>
<body onload=hideall();>
<div id="popup_menu">
<span id="father" onmouseout="g_iFadeTimer = window.setTimeout('HideMenu();', 50);" onmouseover="fnShowMenu('father', 'child');" style="BACKGROUND:#cbcbcb"><font size=2 color=#0033cc><b>Пункт</b></font></span>
</div>
<div id="submenu">
<div id="child" onmouseover="fnShowMenu('father', 'child');" onmouseout="HideMenu();" style="background:#dcdcdc;position:absolute; width:85px">
Подпункт1
<br>Подпункт2
</div>
Помогите разобраться со слоями!
Помогите разобраться со слоями!