tabpage1
<%@ Page language="c#" Codebehind="AccountList.aspx.cs" AutoEventWireup="false" Inherits="IGE.Cube.AccountList" %>
<!--
<page>AccountList.aspx</page>
<CreateDate>2006-3-20</CreateDate>
<Description>账号列表</Description>
<Developer>dengxy</Developer>
<Company>IGE</Company>
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>用户账号列表</title>
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="C#" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
<style>
TABLE
{
font-size:12px;
}
</style>
<script language=javascript>
var bgcolorover="LightGrey";
var bgcolorout ="white";
var bgcolorclick ="Gold";
var Tab1;
var Tab2;
var Tab3;
var Tab4;
var TableAccount1;
var TableAccount2;
var TableAccount3;
var TableAccount4;
var CurrentTD=null;
function OnMouseOver(){
if(CurrentTD==this) return;
this.bgColor=bgcolorover;
}
function OnMouseOut() {
if(CurrentTD==this) return;
this.bgColor=bgcolorout;
}
function OnClick() {
this.bgColor=bgcolorclick;
if(CurrentTD!=null){
CurrentTD.bgColor=bgcolorout;
}
CurrentTD=this;
var CurrentTable=null;
switch(CurrentTD){
case Tab1:
CurrentTable= TableAccount1;
break;
case Tab2:
CurrentTable= TableAccount2;
break;
case Tab3:
CurrentTable= TableAccount3;
break;
case Tab4:
CurrentTable= TableAccount4;
break;
}
displayTable(CurrentTable)
}
function displayTable(Table){
if(Table==null) return;
TableAccount1.style.display=(TableAccount1==Table)?"":"none";
TableAccount2.style.display=(TableAccount2==Table)?"":"none";
TableAccount3.style.display=(TableAccount3==Table)?"":"none";
TableAccount4.style.display=(TableAccount4==Table)?"":"none";
}
//初始化页面
function initDocument(){
Tab1=document.getElementById("tdTab1");
Tab2=document.getElementById("tdTab2");
Tab3=document.getElementById("tdTab3");
Tab4=document.getElementById("tdTab4");
TableAccount1=document.getElementById("tableAccount1");
TableAccount2=document.getElementById("tableAccount2");;
TableAccount3=document.getElementById("tableAccount3");;
TableAccount4=document.getElementById("tableAccount4");;
Tab1.onmouseover=OnMouseOver;
Tab2.onmouseover=OnMouseOver;
Tab3.onmouseover=OnMouseOver;
Tab4.onmouseover=OnMouseOver;
Tab1.onmouseout=OnMouseOut;
Tab2.onmouseout=OnMouseOut;
Tab3.onmouseout=OnMouseOut;
Tab4.onmouseout=OnMouseOut;
Tab1.onclick=OnClick;
Tab2.onclick=OnClick;
Tab3.onclick=OnClick;
Tab4.onclick=OnClick;
}
window.onload=initDocument;
</script>
</HEAD>
<body>
<div align=center>
<table width="778" align="center" >
<tr>
<td >
<table width="100%" align="center" id="TableTab" cellSpacing="0" width="100%" align="center" cellpadding="0" border="0" >
<tr align="center" height="22" style="letter-spacing:3px;">
<td id="tdTab1" style="BORDER: silver 1px solid;border-bottom:0px; cursor:hand;">大陆</td>
<td style="width:3px;"></td>
<td id="tdTab2" style="BORDER: silver 1px solid;border-bottom:0px; cursor:hand;">台湾</td>
<td style="width:3px;"></td>
<td id="tdTab3" style="BORDER: silver 1px solid;border-bottom:0px; cursor:hand;">欧服</td>
<td style="width:3px;"></td>
<td id="tdTab4" style="BORDER: silver 1px solid;border-bottom:0px; cursor:hand;">美服</td>
<td width="550" ></td>
</tr>
<tr>
<td colspan=10 height=700 valign=top style="padding-top:5px;border:silver 1px solid;" >
<div style="WIDTH: 100%; HEIGHT: 100%;overflow: auto;">
<table id="tableAccount1" style="display:none" cellpadding=0 cellSpacing="0" width="100%" height="100%" >
<tr>
<td>大陆显示的内容</td>
</tr>
</table>
<table id="tableAccount2" style="display:none" cellpadding=0 cellSpacing="0" width="100%" height="100%">
<tr>
<td>台湾显示的内容</td>
</tr>
</table>
<table id="tableAccount3" style="display:none" cellpadding=0 cellSpacing="0" width="100%" height="100%">
<tr>
<td>欧服显示的内容</td>
</tr>
</table>
<table id="tableAccount4" style="display:none" cellpadding=0 cellSpacing="0" width="100%" height="100%">
<tr>
<td>美服显示的内容</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<br>
<a href='javascript:close();'>关闭</a>
</div>
</body>
</HTML>
