Firefox支持的onmouseover，用鼠标切换层。

襄阳城

<p>Firefox支持的onmouseover，用鼠标切换层。</p>
<p><img src="http://img.baidu.com/img/iknow/icn_point.gif"> 悬赏分：0 -</p>
<p>解决时间：2009-12-3 10:42</p>
<p>html下的代码</p>
<p>---------------</p>
<p><li onmouseover=menu(1)><a href="#">About US</a></li></p>
<p><li onmouseover=menu(2)><a href="#">Services</a></li></p>
<p><li onmouseover=menu(3)><a href="#">Client Centre</a></li></p>
<p><li onmouseover=menu(4)><a href="#">Solutions</a></li></p>
<p><li onmouseover=menu(5)><a href="#">Contact</a></li></p>
<p>-------------------------------------------------------</p>
<p>JS下的代码：</p>
<p>-------------------------------------------------------</p>
<p>function menu(n){</p>
<p>if(1==n){</p>
<p>div1.style.display="block";</p>
<p>div2.style.display="none"</p>
<p>div3.style.display="none"</p>
<p>div4.style.display="none"</p>
<p>div5.style.display="none"</p>
<p>} else if(2==n){</p>
<p>div2.style.display="block";</p>
<p>div1.style.display="none"</p>
<p>div3.style.display="none"</p>
<p>div4.style.display="none"</p>
<p>div5.style.display="none"</p>
<p>}</p>
<p>else if(3==n){</p>
<p>div3.style.display="block";</p>
<p>div1.style.display="none"</p>
<p>div2.style.display="none"</p>
<p>div4.style.display="none"</p>
<p>div5.style.display="none"}</p>
<p>else if(4==n){</p>
<p>div4.style.display="block";</p>
<p>div1.style.display="none"</p>
<p>div2.style.display="none"</p>
<p>div3.style.display="none"</p>
<p>div5.style.display="none"}</p>
<p>else if(5==n){</p>
<p>div5.style.display="block";</p>
<p>div1.style.display="none"</p>
<p>div2.style.display="none"</p>
<p>div3.style.display="none"</p>
<p>div4.style.display="none"}</p>
<p>}</p>
<p>--------------------------------------</p>
<p>我知道这个是简写，但是在IE下支持，为什么在Firefox下就不支持了呢？请高人帮忙改写一下，随便解释一下原因。</p>
<p>提问者： 就爱双喜 - 一级</p>
<p>最佳答案</p>
<p>function menu(n){</p>
<p>if(1==n){</p>
<p>document.getElementById("div"+n).style.display="block";</p>
<p>document.getElementById("div2").style.display="none";</p>
<p>document.getElementById("div3").style.display="none";</p>
<p>} else if(2==n){</p>
<p>document.getElementById("div"+n).style.display="block";</p>
<p>document.getElementById("div1").style.display="none";</p>
<p>document.getElementById("div3").style.display="none";</p>
<p>}else if(3==n){</p>
<p>document.getElementById("div"+n).style.display="block";</p>
<p>document.getElementById("div2").style.display="none";</p>
<p>document.getElementById("div1").style.display="none";</p>
<p>}</p>
<p>}</p>
<p>注意JS的DOM问题~</p>
<p>0</p>
<p>回答者：</p>
<p>yollxt - 一级   2009-12-2 19:59</p>
<p>我来评论>></p>
<p>提问者对于答案的评价：</p>
<p>非常感谢！</p>