怎么让火狐浏览器兼容js

此回复为自动发出,仅用于显示而已，并无任何其他特殊作用
楼主【subaixue】截止到2008-07-28 15:26:28的历史汇总数据(不包括此帖)：
发帖的总数量:3                        发帖的总分数:20                       每贴平均分数:6
回帖的总数量:0                        得分贴总数量:0                        回帖的得分率:0%
结贴的总数量:0                        结贴的总分数:0
无满意结贴数:0                        无满意结贴分:0
未结的帖子数:3                        未结的总分数:20
结贴的百分比:0.00  %               结分的百分比:0.00  %
无满意结贴率:---------------------无满意结分率:---------------------
如何结贴请参考这里：http://topic.csdn.net/u/20080501/09/ef7ba1b3-6466-49f6-9d92-36fe6d471dd1.html

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<!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>
<style type="text/css">

</style>
</head>
<body>
<script language=javascript>
function secBoard(n)
{
for(i=0;i <document.getElementById("menu").getElementsByTagName("li").length;i++)
document.getElementById("menu").getElementsByTagName("li")[i].className="sec1";
document.getElementById("menu").getElementsByTagName("li")[n].className="sec2";
for(i=0;i <document.getElementById("main").getElementsByTagName("li").length;i++)
document.getElementById("main").getElementsByTagName("li")[i].style.display="none";
document.getElementById("main").getElementsByTagName("li")[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>
呵呵，看看我的方法。修改后的<script language=javascript>
function secBoard(e,id){
var m = document.getElementById(e.parentNode.id).getElementsByTagName("li");
var t = document.getElementById(e.parentNode.getAttribute("content")).getElementsByTagName("li");
for(var n = 0; n < m.length; n++){
m[n].className = "sec1";
t[n].style.display="none";
}
e.className = "sec2";
t[id].style.display="block";
}
</script>
<div id="header">
<ul id="menu" content="main">
<li onMouseOver="secBoard(this,0)" class="sec2">最新新闻</li>
<li onMouseOver="secBoard(this,1)" class="sec1">最新文章 </li>
<li onMouseOver="secBoard(this,2)" class="sec1">最新日志 </li>
<li onMouseOver="secBoard(this,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>
继续修改，压缩代码，哈哈，犹如食鸡肋啊...
汗一个先，^_^!`
<script language=javascript>
function Sliding(id,e){//这里调换了e和id的位置
e=e||window.event.srcElement;
...
}
</script>
...
    <li onMouseOver="secBoard(0)" class="sec2">最新新闻</li> 这里省去了this
...
</div>