关于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> 展开
求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> 展开
1个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询