<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>模拟选项卡</title>
<style type="text/css">
<!--
body {
margin:0px;
font-family:Verdana, Arial, Helvetica, sans-serif, "宋体";
font-size:12px;
}
.tab-off {
color:#9C9A9C;
border:1px solid #9C9A9C;
border-bottom:1px solid #FBB407;
text-align:center;
background-color:#F7F3F7;
font-weight: bold;
cursor:hand;
}
.tab-on {
color:#FF9601;
border:1px solid #FF9601;
border-bottom:none;
text-align:center;
background-color:#FBE6B3;
font-weight: bold;
cursor:hand;
}
.cellborder {
border-bottom:1px solid #FBB407;
}
.contentdiv {
display:none;
border:1px solid #FBB407;
border-top:none;
padding:5px;
}
-->
</style>
<script type="text/javascript">
<!--
function switchTab(n) {
for(i=0;i<navcell.length;i++) {
navcell[i].className="tab-off";
content[i].style.display="none";
}
navcell[n-1].className="tab-on";
content[n-1].style.display="block";
}
-->
</script>
</head>
<body onLoad="switchTab(1)">
<p> </p>
<table width="284" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="20" height="18" class="cellborder"> </td>
<td width="52" class="tab-off" id="navcell" onClick="switchTab(1)">选项一</td>
<td width="6" class="cellborder"> </td>
<td width="52" class="tab-off" id="navcell" onClick="switchTab(2)">选项二</td>
<td width="6" class="cellborder"> </td>
<td width="52" class="tab-off" id="navcell" onClick="switchTab(3)">选项三</td>
<td width="6" class="cellborder"> </td>
<td width="52" class="tab-off" id="navcell" onClick="switchTab(4)">选项四</td>
<td width="21" class="cellborder"> </td>
</tr>
<tr valign="top">
<td height="119" colspan="9">
<div id="content" class="contentdiv">内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一</div>
<div id="content" class="contentdiv">内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二</div>
<div id="content" class="contentdiv">内容三内容三内容三内容三内容三内容三内容三内容三内容三内容三内容三内容三内容三内容三内容三内容三内容三内容三内容三内容三内容三内容三内容三内容三内容三内容三</div>
<div id="content" class="contentdiv">内容四内容四内容四内容四内容四内容四内容四内容四内容四内容四内容四内容四内容四内容四内容四内容四内容四内容四内容四内容四内容四内容四内容四内容四内容四内容四</div>
</td>
</tr>
</table>
</body>
</html>