关于JavaScript 与 Div 结合,显示特定层操作的代码!求检查错误!!

我想做到当鼠标移动到Menu1层上的时候,只显示Display1层,其它层隐藏!移动到其它菜单层上时,也是一样的!!可是以下语句出来的结果,并不如意,在IE上运行只是报错... 我想做到当鼠标移动到Menu1层上的时候,只显示Display1层,其它层隐藏!移动到其它菜单层上时,也是一样的!!可是以下语句出来的结果,并不如意,在IE上运行只是报错,没有结果!
求JavaScript高手看下问题所在!!

<script language="javascript">
function setTab(n,s){
for(i=1;i<=s;i++){
var Display=document.getElementById("Display"+i);
var Menu=document.getElementById("Menu"+i);
menu.style.background-color=i==n?"#CC3333":"#ffffff";
Display.style.display=i==n?"block":"none";
}
}
</script>

<div id="sidebar1">
<div class="LiftMen" id="Menu1" onmouseover="setTab(1,5);">Menu1</div>
<div class="LiftMen" id="Menu2" onmouseover="setTab(2,5);">Menu2</div>
<div class="LiftMen" id="Menu3" onmouseover="setTab(3,5);">Menu3</div>
<div class="LiftMen" id="Menu4" onmouseover="setTab(4,5);">Menu4</div>
<div class="LiftMen" id="Menu5" onmouseover="setTab(5,5);">Menu5</div>
</div>

<div id="Display1">Display1 </div>
<div id="Display2" style="display:none;">Display2 </div>
<div id="Display3" style="display:none;">Display3 </div>
<div id="Display4" style="display:none;">Display4 </div>
<div id="Display5" style="display:none;">Display5 </div>
<div id="Display6" style="display:none;">Display6 </div>
</div>
展开
 我来答
百度网友c4249ef
2009-10-23 · TA获得超过4867个赞
知道大有可为答主
回答量:1855
采纳率:0%
帮助的人:3219万
展开全部
Menu.style.backgroundColor=i==n?"#CC3333":"#ffffff";

改过两个地方:
1、Menu的M要大写,js中区分大小写

2、backgroundColor才是背景颜色的正确属性
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式