html网页代码,请帮我看下这段栏目切换代码有什么问题Orz

发布网友发布时间：2022-04-21 02:17

共2个回答

热心网友时间：2022-04-21 03:46

页面内容没有写在<body></body>里面，

<!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">

.zl{font-size:12px;}

.zl zhl , .zl zhl zhli{margin:0;padding:0;}
.zl zhl{diplay:block;height:23px;}
.zl zhl zhli{
float:left;
list-style:none;
width:90px;
height:23px;
text-align:center;
line-height:23px;
border:0px;
margin:0 3px;
border-bottom:none;
cursor:pointer;
font-family: "Courier New", Courier, monospace; font-weight: bold
}
.zl zhl .gs{color:#660000; font-size:14px;}
.gs1{color:#F96;font-size:14px;}
.c1{border:0px;font-size:12px;}
.leftContext1{float: left;width: 90px;height:23px;border-bottom: 0px;}
.leftContext1div1{float: left;width: 95px;height:23px;border-bottom: 0px;}
.rightContext1{float: right;width: 90px;height:23px;border-left: 0px;}
</style>

</head>
<body>
<table width="410" border="0">

<tr>
<td><div class="leftContext1">

<div class="zl">
<zhl>
<zhli class="gs">部队管理</zhli></zhl></div>
</div>

<div class="rightContext1">
<div class="zl">
<zhl>
<zhli class="gs1">部队教育</zhli></zhl></div>
</div></td>
</tr>
<tr>
<td>

<div class="c1" id="c1">
<div>
<p>1234</p>
</div>

<div style='display:none;'>
<p>5678</p>
</div>

</div>

<script type="text/javascript">

var zhli = document.getElementsByTagName('zhli');
var div = document.getElementById('c1').getElementsByTagName('div');
for(var i=0;i<zhli.length;i++){
zhli[i].atr=i;
zhli[i].onmouseover=function(){
for(var j=0;j<zhli.length;j++){

zhli[j].className='gs1';
div[j].style.display='none'; }
zhli[this.atr].className='gs';

div[this.atr].style.display='block';}
}
</script>
</td>
</tr>
</table>

</body>
</html>

热心网友时间：2022-04-21 05:04

应该是你html标签的问题<zhl><zhli>这两个在IE下不识别,所以出现的不好用追问原文是ul
但是我想要两个切换的于是把另外一个ul改成了zhl
这样也不可以么？那怎么才能实现两个不同的栏目切换。。。

追答把代码中所有的zhl换成ul,把所有的zhli换成li,就可以实现栏目的切换,不知道为什么你当时要换掉,当然换的时候也得根着把js和css相应调整