HTML code:
</html>
<head>
<script type="text/javscript" language="javascript">
function setTab(thisObj,Num)
{
var tabObj = thisObj.parentNode.id;
var tabList = document.getElementById(tabObj).getElementsByTagName("li");
for(i=0;i<tabList.length;i++)
{
if(i==Num)
{
thisObj.className="mouseOver";
document.getElementById(tabObj+"_Content"+i).className = "active";
}
else
{
tabList[i].className="mouseOut";
document.getElementById(tabObj+"_Content"+i).className="hide";
}
}
}
</script>
<style>
.nTab{
width:790px;
height:180px;
margin-top:5px;
}
.tabTitle{
width:100%;
height:30px;
overflow:hidden;
}
.tabTitle ul{
margin-top:2px;
list-style:none;
}
.tabTitle li{
width:90px;
height:28px;
padding:6px 0px 0px 0px;
cursor:hand;
font-weight:bold;
text-align:center;
display:inline-block;
float:left;
}
.tabTitle li.mouseOver{
color:White;
background-color:Green;
}
.tabTitle li.mouseOut{
color:white;
}
.tabContent{
width:100%;
height:auto;
overflow:visible;
padding:8px;
clear:both;
float:left;
}
.tabContent .active{
diplay:block;
}
.tabContent .hide{
display:none;
}
</style>
</h
例：
<table width="100%" align="center" id="mytbl" border="0" bgcolor="#EEEEEE">
<tr>
<td class ......
