下拉菜单浏览器的兼容有关问题
下拉菜单浏览器的兼容问题
自己写的下拉菜单，其它浏览器正常，火狐浏览器下一闪就没了，请问是什么原因
谁指点一下，谢谢。
------解决方案--------------------
自己写的下拉菜单，其它浏览器正常，火狐浏览器下一闪就没了，请问是什么原因
谁指点一下，谢谢。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>js-test</title>
</head>
<style type=text/css>
.DonforAll{Float:Left;Width:1000px;}
.DonforMKj{position:relative;float:left;display:block;width:100px;height:20px;Margin-Left:10px;text-align:center;BackGround:#808080;cursor:pointer;}
.DonforMKj .DonforMainMenu{Color:#ffffff;text-decoration:none;}
.DonforMKj .DonforDownOf{display:none;}
.DonforMKj .DonforDownOn{display:block;position:absolute;top:20px;left:0px;width:100px;border:0px dashed blue;background-color:#ccFFFF;padding:0px;color:black;font-size:12px;line-height:200%;}
.DonforLrq{Float:Left;Width:1000px;height:21px;}
</style>
<script language=javascript>
<!---
function DonforListMenu(aa){
document.getElementById("menu"+aa).className="DonforDownOn";
}
function DonforCloseMenu(aa){
document.getElementById("menu"+aa).className="DonforDownOf";
}
//-->
</script>
<body>
<div class=DonforAll>
<span class=DonforMKj onmousemove="DonforListMenu(1)" onmouseout="DonforCloseMenu(1)">
<a href=http://www.newsus.com.cn class=DonforMainMenu>关于我们</a>
<span id=menu1 class=DonforDownOf>
<a href=http://www.newsus.com.cn>公司介绍</a><br>
<a href=http://www.99rfid.com>企业文化</a><br>
<a href=http://www.donfor.com>成长历程</a><br>
</span>
</span>
<span class=DonforMKj onmousemove="DonforListMenu(2)" onmouseout="DonforCloseMenu(2)">
<a href=http://www.newsus.com.cn class=DonforMainMenu>新闻动态</a>
<span id=menu2 class=DonforDownOf>
<a href=http://www.newsus.com.cn>公司介绍</a><br>
<a href=http://www.99rfid.com>企业文化</a><br>
<a href=http://www.donfor.com>成长历程</a><br>
</span>
</span>
<span class=DonforMKj onmousemove="DonforListMenu(3)" onmouseout="DonforCloseMenu(3)">
<a href=http://www.newsus.com.cn class=DonforMainMenu>客户服务</a>
<span id=menu3 class=DonforDownOf>
<a href=http://www.newsus.com.cn>公司介绍</a><br>
<a href=http://www.99rfid.com>企业文化</a><br>
<a href=http://www.donfor.com>成长历程</a><br>
</span>
</span>
</div>
<div class=DonforLrq>
dsfgdsgfdsgsssssssssssssssssssssssssssss
</div>
</body>
</html>
火狐浏览器
javascript
下拉菜单
css
兼容
------解决方案--------------------
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>js-test</title>
</head>
<style type=text/css>
.DonforAll{Float:Left;Width:1000px;}
.DonforMKj{position:relative;float:left;display:block;width:100px;height:20px;Margin-Left:10px;text-align:center;BackGround:#808080;cursor:pointer;}
.DonforMKj .DonforMainMenu{Color:#ffffff;text-decoration:none;}
.DonforMKj .DonforDownOf{display:none;}
.DonforMKj .DonforDownOn{display:block;position:absolute;top:20px;left:0px;width:100px;border:0px dashed blue;background-color:#ccFFFF;padding:0px;color:black;font-size:12px;line-height:200%;}
.DonforLrq{Float:Left;Width:1000px;height:21px;}
</style>
<script language=javascript>
<!---
function DonforListMenu(aa) {
document.getElementById("menu" + aa).className = "DonforDownOn";
}
function contains(p, c) {
if (p == c) return true;
while (c = c.parentNode) { if (p == c) return true; }
return false;
}
function DonforCloseMenu(aa, e, span) {
var toElement = e.toElement
------解决方案--------------------
e.relatedTarget;
if (contains(span, toElement)) return false;//移动到的子元素包含在父元素内不执行下面的代码
document.getElementById("menu" + aa).className = "DonforDownOf";
}
//-->
</script>
<body>
<div class=DonforAll>
<span class=DonforMKj onmousemove="DonforListMenu(1)" onmouseout="DonforCloseMenu(1,event,this)">