javascript 代码火狐兼容性问题，IE下没事下面是代码~~

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>滑动门</title>
<style type="text/css">

</style>
</head>
<body>
<script language=javascript>
function secBoard(n)
{
var menu=document.getElementById("menu");
var main=document.getElementById("main");
for(i=0;i<menu.childNodes.length;i++)
menu.childNodes[i].className="sec1";
menu.childNodes[n].className="sec2";
for(i=0;i<main.childNodes.length;i++)
main.childNodes[i].style.display="none";
main.childNodes[n].style.display="block";
}
</script>
<div id="header">
<ul id="menu">
<li onMouseOver="secBoard(0)" class="sec2">一号</li>
<li onMouseOver="secBoard(1)" class="sec1">二号</li>
<li onMouseOver="secBoard(2)" class="sec1">三号</li>
<li onMouseOver="secBoard(3)" class="sec1">四号</li>
</ul>
<ul id="main">
<li class="block">一号内容</li>
<li class="unblock">二号内容</li>
<li class="unblock">三号内容</li>
<li class="unblock">四号内容</li>
</ul>
</div>
</body>
</html> 展开

 我来答

2个回答

#热议# 网上掀起『练心眼子』风潮，真的能提高情商吗？

火狐
2014-05-03 · Firefox，最快最安全的上网体验

火狐

Mozilla Firefox火狐浏览器，是一款开放安全的开源浏览器，全球拥有5亿用户。

向TA提问

关注

展开全部

　　您好！很高兴为您答疑！

　　火狐下您可以安装Firebug检查页面代码，错误部分会有高亮提示。
　　您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

本回答被网友采纳

已赞过已踩过<

你对这个回答的评价是？
评论收起

wswhk
2011-12-15 · TA获得超过7.1万个赞

知道顶级答主

回答量：4.6万

采纳率：68%

帮助的人：7.4亿

我也去答题访问个人页

关注

展开全部

因为firefox中childNodes会获取textNode所以你这些编号就不对了 最好用getElementsByTagName('li')来获取元素就没问题了

function secBoard(n)
{
var menu=document.getElementById("menu");
var main=document.getElementById("main");
var menuli=menu.getElementsByTagName("li");
for(i=0;i<menuli.length;i++)
	menuli[i].className="sec1";
	menuli[n].className="sec2";
var mainli=main.getElementsByTagName("li");
for(i=0;i<mainli.length;i++)
	mainli[i].style.display="none";
	mainli[n].style.display="block";
}


本回答被提问者采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

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

javascript 代码 火狐兼容性问题，IE下没事 下面是代码~~

其他类似问题

为你推荐：

javascript 代码火狐兼容性问题，IE下没事下面是代码~~