您所在位置：主题：大家帮我解答下这个TAB怎么不能切换呢
天降之命
[专家分：0] 发布于 2012-05-01 16:59:00
<!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=gb2312" />
<title>qiehuan</title>
<script type="text/javascript">
function over(x){if(x.className=="up"){x.className="roll";
}
}
function out(x){if(x.className=="roll"){x.className="up";}
}
fumction Click(x){
var grid=x.parentNode.getElementsByTagName("td");
var ct=document.getElementsByTagName("div");
for(i=0;i<grid.length;i++){if(x==grid[i]){grid[i].className="down";
ct[i].classname="dis";
}else{grid[i].className="up";ct[i].className="undis";}
}
}</script>
<style type="text/css">
body{font-size:12px;}
a{display:block;
width:100%;height:100%;
text-decoration:none;
text-align:center;
outline:none;
color:#333;
font-weight:bold;}
a:visited{color:#333;}
#nav{border:1px solid #333;}
.down{background:url(tab_img/down.gif) repeat-x;}
.roll{background:url(tab_img/roll.gif) repeat-x;}
.roll a:hover{color:#fff;}
.up{background:url(tab_img/up.gif) repeat-x;}
.up a{color:#fff;}
.dis{display:block;}
.undis{display:none;}
.content{border:1px solid #333;border-top:none;background:url(tab_img/bottom.gif) repeat-x bottom;}
.STYLE1 {font-family: "宋体"}
</style></head>
<body>
<table width="300" height="150" align="center" cellpadding="1" cellspacing="1" id="nav">
<tr>
<td width="100" onmouseover="over(this);" onmouseout="out(this);" onclick="click(this);"
class="down"><a href="#" hidefocus="true">咨询</a></td>
<td width="100" align="right"
class="up" onclick="click(this);" onmouseover="over(this);" onmouseout="out(this);"><div align="center"><a href="#" class="STYLE1" hidefocus="true">无所遁</a></div></td>
<td width="100" onmouseover="over(this);" onmouseout="out(this);" onclick="click(this);"
class="up"><a href="#" hidefocus="true">珠子能</a></td></tr></table>
<div class="dis">
<table width="300" height="150" align="center" cellpadding="0" cellspacing="0"class="content">
<tr>
<td rowspan="3" width="50%" align="center">
<img src="tab_img/img_a.gif" border"1" />
</td>
<td>珠子能</td></tr>
<tr><td>珠子能</td></tr>
<tr><td>wode</td></tr>
</table></div>
<div class="undis">
<table width="300"height="150" align="center" cellpadding="0" cellapacing="0" class="content">
<tr>
<td rowspan="3" width="50%" align="center">
<img src="tab_img/img_b.gif" border="1" />
</td><td>珠子能</td></tr>
<tr><td>珠子能</td></tr>
<tr><td>珠子能</td></tr></table></div>
<div class="undis">
<table width="300"height="150" align="center" cellpadding="0" cellapacing="0" class="content">
<tr>
<td rowspan="3" width="50%" align="center">
<img src="tab_img/img_c.gif" border="1" /></td>
<td>珠子能</td></tr>
<tr><td>珠子能</td></tr>
<tr><td>kandao</td></tr>
</table></div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<title>qiehuan</title>
<script type="text/javascript">
function over(x){if(x.className=="up"){x.className="roll";
}
}
function out(x){if(x.className=="roll"){x.className="up";}
}
fumction Click(x){
var grid=x.parentNode.getElementsByTagName("td");
var ct=document.getElementsByTagName("div");
for(i=0;i<grid.length;i++){if(x==grid[i]){grid[i].className="down";
ct[i].classname="dis";
}else{grid[i].className="up";ct[i].className="undis";}
}
}</script>
<style type="text/css">
body{font-size:12px;}
a{display:block;
width:100%;height:100%;
text-decoration:none;
text-align:center;
outline:none;
color:#333;
font-weight:bold;}
a:visited{color:#333;}
#nav{border:1px solid #333;}
.down{background:url(tab_img/down.gif) repeat-x;}
.roll{background:url(tab_img/roll.gif) repeat-x;}
.roll a:hover{color:#fff;}
.up{background:url(tab_img/up.gif) repeat-x;}
.up a{color:#fff;}
.dis{display:block;}
.undis{display:none;}
.content{border:1px solid #333;border-top:none;background:url(tab_img/bottom.gif) repeat-x bottom;}
.STYLE1 {font-family: "宋体"}
</style></head>
<body>
<table width="300" height="150" align="center" cellpadding="1" cellspacing="1" id="nav">
<tr>
<td width="100" onmouseover="over(this);" onmouseout="out(this);" onclick="click(this);"
class="down"><a href="#" hidefocus="true">咨询</a></td>
<td width="100" align="right"
class="up" onclick="click(this);" onmouseover="over(this);" onmouseout="out(this);"><div align="center"><a href="#" class="STYLE1" hidefocus="true">无所遁</a></div></td>
<td width="100" onmouseover="over(this);" onmouseout="out(this);" onclick="click(this);"
class="up"><a href="#" hidefocus="true">珠子能</a></td></tr></table>
<div class="dis">
<table width="300" height="150" align="center" cellpadding="0" cellspacing="0"class="content">
<tr>
<td rowspan="3" width="50%" align="center">
<img src="tab_img/img_a.gif" border"1" />
</td>
<td>珠子能</td></tr>
<tr><td>珠子能</td></tr>
<tr><td>wode</td></tr>
</table></div>
<div class="undis">
<table width="300"height="150" align="center" cellpadding="0" cellapacing="0" class="content">
<tr>
<td rowspan="3" width="50%" align="center">
<img src="tab_img/img_b.gif" border="1" />
</td><td>珠子能</td></tr>
<tr><td>珠子能</td></tr>
<tr><td>珠子能</td></tr></table></div>
<div class="undis">
<table width="300"height="150" align="center" cellpadding="0" cellapacing="0" class="content">
<tr>
<td rowspan="3" width="50%" align="center">
<img src="tab_img/img_c.gif" border="1" /></td>
<td>珠子能</td></tr>
<tr><td>珠子能</td></tr>
<tr><td>kandao</td></tr>
</table></div>
</body>
</html>