http://211.162.201.62:8081/网站还没完成,这个是暂时的地址,导航上鼠标经过显示子导航,鼠标移出隐藏子导航,在IE里都正常,但是到了FF里就有问题了,鼠标还没移动到子导航的连接文字上,自导航的那个层就消失了,求大神们帮帮忙~这个是显示层的脚本
function showsy(x,y)
{var ck=x;//参考某div坐标
var cdx=y;//待设置div坐标
var sy=document.getElementById(ck);
var zsy=document.getElementById(cdx);
var left=sy.offsetLeft;
var top=sy.offsetTop;
var ver;//浏览器版本
var bType;//浏览器类型
var vNumber;//版本号
ver = navigator.appVersion;
bType =navigator.appName;
if(bType=="Microsoft Internet Explorer")
{
vNumber=parseFloat(ver.substring(ver.indexOf("MSIE")+5,ver.lastIndexOf("Windows")));
if (vNumber < 8.0)//如果是ie8.0以下版本
{
var curLeft = curTop = 0;
if (sy.offsetParent)
{
curLeft = sy.offsetLeft
curTop = sy.offsetTop
while (sy == sy.offsetParent)
{
curLeft += sy.offsetLeft
curTop += sy.offsetTop
}
}
left=curLeft;
top=curTop;
}
}
top=top-120;
zsy.style.left=left+"px";
zsy.style.top=top+"px";
zsy.style.display="block";
}
这个是隐藏层的脚本
function hidesy(x)
{
var dhcd=document.getElementById(x);
dhcd.style.display="none";
}
function showsy(x,y)
{var ck=x;//参考某div坐标
var cdx=y;//待设置div坐标
var sy=document.getElementById(ck);
var zsy=document.getElementById(cdx);
var left=sy.offsetLeft;
var top=sy.offsetTop;
var ver;//浏览器版本
var bType;//浏览器类型
var vNumber;//版本号
ver = navigator.appVersion;
bType =navigator.appName;
if(bType=="Microsoft Internet Explorer")
{
vNumber=parseFloat(ver.substring(ver.indexOf("MSIE")+5,ver.lastIndexOf("Windows")));
if (vNumber < 8.0)//如果是ie8.0以下版本
{
var curLeft = curTop = 0;
if (sy.offsetParent)
{
curLeft = sy.offsetLeft
curTop = sy.offsetTop
while (sy == sy.offsetParent)
{
curLeft += sy.offsetLeft
curTop += sy.offsetTop
}
}
left=curLeft;
top=curTop;
}
}
top=top-120;
zsy.style.left=left+"px";
zsy.style.top=top+"px";
zsy.style.display="block";
}
这个是隐藏层的脚本
function hidesy(x)
{
var dhcd=document.getElementById(x);
dhcd.style.display="none";
}
地址方便大家点击 重复下
菜单hover背景和小菜单的显示不是同一个元素的hover控制的 所以导致不统一