|
|
<style type='text/css'>
.content {
text-align:center;
margin-top:0px;
border-left:solid 1px #4B66A5;
border-right:solid 1px #4B66A5;
border-bottom:solid 1px #4B66A5;
}
.loseFocus{
text-align:center;
margin-top:0px;
border-bottom:solid 1px #4B66A5;
border-right:solid 1px #FFFFFF;
border-left:solid 0px #FFFFFF;
}
.onFocus{
text-align:center;
margin-top:0px;
background-color:#FFFFFF;
border-top:solid 1px #4B66A5;
border-left:solid 1px #4B66A5;
border-right:solid 1px #4B66A5;
border-bottom:solid 0px #4B66A5;
}
.onFucusPreOne{
text-align:center;
margin-top:0px;
border-bottom:solid 1px #4B66A5;
border-right:solid 0px #33CCFF;
border-left:solid 0px #33CCFF;
}
.left1{
text-align:center;
margin-top:0px;
border-bottom:solid 1px #4B66A5;
border-right:solid 0px #33CCFF;
border-left:solid 1px #CCCCCC;
}
.left{
text-align:center;
margin-top:0px;
border-bottom:solid 1px #4B66A5;
border-right:solid 1px #FFFFFF;
border-left:solid 1px #CCCCCC;
}
</style>
<script type='text/javascript'>
function change_option(number,index){
for (var i = 0; i < number; i++) {
menuTable.rows[0].cells.className = 'loseFocus';
}
menuTable.rows[0].cells[index].className = 'onFocus';
if(index == 0){
}
else if(index == 1){
menuTable.rows[0].cells[0].className = 'left1';
}
else{
menuTable.rows[0].cells[0].className = 'left';
menuTable.rows[0].cells[index-1].className = 'onFucusPreOne';
}
}
function go(index){
change_option(6,index);
document.all.conFrm.src=index+".html";
}
</script>
<table name="menuTable" id="menuTable" width="1000" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#CCCCCC" onclick="go(0);" class="onFocus"> 基本资料 </td>
<td bgcolor="#CCCCCC" onclick="go(1);" class="loseFocus"> 信箱 </td>
<td bgcolor="#CCCCCC" onclick="go(2);" class="loseFocus"> 工作计划 </td>
<td bgcolor="#CCCCCC" onclick="go(3);" class="loseFocus"> 基本资料 </td>
<td bgcolor="#CCCCCC" onclick="go(4);" class="loseFocus"> 信箱 </td>
<td bgcolor="#CCCCCC" onclick="go(5);" class="loseFocus"> 工作计划 </td>
</tr>
<tr>
<td colspan="6" id="content" class="content">
<iframe id="conFrm" name="conFrm" width="1000" height="600" frameborder="0" scrolling="auto" src=""></iframe>
</td>
</tr>
</table> |
|