js 做的导航下拉菜单，通过鼠标事件调用js函数为什么火狐浏览器不兼容？ 10

源代码如下：以下代码：js自动给菜单和内容的鼠标移动事件，在HTML里没有鼠标移动的代码设置，所以，通用性好！在菜单和内容里设置了相对应的顺序，就能直接支持！你要改样式，... 源代码如下：
以下代码：
js自动给菜单和内容的鼠标移动事件，
在HTML里没有鼠标移动的代码设置，所以，通用性好！
在菜单和内容里设置了相对应的顺序，就能直接支持！
你要改样式，只要改：#mNav .mover（移动事件）
和 #mNav .mout（离开后的样式）

<html>
<head>
<style>
#mNav {border:1px #afafff; display:block;width:600px;}
#mNav li{display:inline; cursor:hand;width:100px;text-align:center;color:ffffff;}
#mNav .mover{ background:#556ed8;border:#efefff 3px outset;}
#mNav .mout, #mNav li{ background:#335ea8;border:#efefff 3px inset;}
#mItems {border:1px #afafff; width:600px;height:500px;background:#e2efff;}
#mItems div{display:none;}
</style>
<script>

function initNavMenu()
{
var _mNav = document.getElementById("mNav");

for(var i=0 ; i <_mNav.childNodes.length ; i++ )
{
_mNav.childNodes[i].name=i;
_mNav.childNodes[i].onmouseover=function()
{
var index= parseInt( this.name );

var _mNavs = document.getElementById("mNav");
for(var j=0 ; j <_mNavs.childNodes.length ; j++ )
_mNavs.childNodes[j].className="mout";
this.className="mover";

var _mItems = document.getElementById("mItems").childNodes;
for( j=0; j< _mItems.length ; j++)
_mItems[j].style.display="none";
_mItems[ index ].style.display="block";
}
}
document.getElementById("mItems").childNodes[0].style.display="block";
document.getElementById("mNav").childNodes[0].className="mover";
}

window.onload = function()
{
initNavMenu();//初始化菜单导航函数
}
</script>
</head>


<body>

<ul id=mNav>
<li>政治</li>
<li>娱乐</li>
<li>经济</li>
<li>文化</li>
</ul>

<div id=mItems >
<div>--政治--内容---</div>
<div>--娱乐--内容---</div>
<div>--经济--内容---</div>
<div>--文化--内容---</div>
</div>

</body>
</html>

ie显示很好，可是火狐浏览器不兼容，不显示div层里的内容，要怎么修改？高手过来指点。。。。谢谢。。。展开

 我来答

1个回答

#热议# 生活中有哪些实用的心理学知识？

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

js 做的导航下拉菜单，通过鼠标事件调用js函数 为什么火狐浏览器不兼容？ 10

为你推荐：

js 做的导航下拉菜单，通过鼠标事件调用js函数为什么火狐浏览器不兼容？ 10