文件二:【tabpane.html】
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> TabPane </TITLE>
<script language=javascript src="tabpane.js"></script>
<STYLE type=text/css>
.TabPaneTitle{
BORDER-TOP:#4A9E30 1px solid;BORDER-BOTTOM:0;BORDER-LEFT:#4A9E30 1px solid;BORDER-RIGHT:#4A9E30 1px solid; BACKGROUND:#4A9E30; HEIGHT: 30px;
}
.TabPageTabNormal{
BORDER-TOP:#4A9E30 1px solid;BORDER-BOTTOM:#4A9E30 1px solid;BORDER-LEFT:0;BORDER-RIGHT:#4A9E30 1px solid;
BACKGROUND:#99CC66;margin-Top: 4px;WIDTH:75px;HEIGHT:25px;LINE-HEIGHT:23px;float:left;vertical-align:text-top;
text-align:center;cursor:hand;font-size: 9pt; 
}
.TabPageTabOnFocus{
BORDER-TOP:#FFC73C 4px solid;BORDER-BOTTOM:0;BORDER-LEFT:#4A9E30 0px solid;BORDER-RIGHT:#4A9E30 1px solid;
BACKGROUND:#EFFAE1;PADDING-TOP: 0px;PADDING-BOTTOM: 1px;WIDTH:100px;HEIGHT:29px;LINE-HEIGHT:24px;
float:left;vertical-align: middle;text-align:center;cursor:hand;
}
.TabPaneRight{
BACKGROUND:#99CC66;margin-Top: 4px;HEIGHT:25px;float:left;vertical-align: middle;text-align:right;float:right;
}
.TabPaneTextArea{
BORDER-TOP:0;BORDER-BOTTOM:#4A9E30 1px solid;BORDER-LEFT:#4A9E30 1px solid;BORDER-RIGHT:#4A9E30 1px solid;BACKGROUND:#EFFAE1;
}
.TabPageTextArea{
PADDING-TOP:10px;PADDING-BOTTOM:10px;PADDING-LEFT:10px;PADDING-RIGHT:10px;
}
.CloseNormal{
BORDER-TOP:#4A9E30 1px solid;BORDER-BOTTOM:#4A9E30 1px solid;BORDER-LEFT:#4A9E30 1px solid;BORDER-RIGHT:#4A9E30 1px solid;HEIGHT:12px;cursor:hand;font-size: 9pt; 
}
.TabText{
font-family: 宋体; color:#21536a;font-size: 9pt; 
}
.TabTextOnFocus{
font-family: 宋体; color:#9966FF;font-size: 12pt; 
}
</STYLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT=""></HEAD><BODY>
<DIV id=textArea></DIV>
<SCRIPT LANGUAGE="JavaScript">
<!--
var i = 0;
var tp = null;
tp = new TabPane("tp","textArea");
tp.Init();
tp.addTabPage("","首页","<table border=1><tr><td>aa</td><td>bb</td></tr></table>");
tp.addTabPage("","TAB","aaaaa<br>bbbbbb<br>cccccc2006-6-11");
tp.addTabPage("","TAB","");
tp.addTabPage("","TAB","<div id=test></div>");
tp.addTabPage("","1","<div id=test1></div>");
tp.addTabPage("","2","<div id=test2></div>");
tp.addTabPage("","3","<div id=test3></div>");
tp.addTabPage("","4","<div id=test4></div>");
eval("test1").innerHTML = "This is innnerHTML";
eval("test2").innerHTML = "test2";
eval("test3").innerHTML = "test3";
eval("test4").innerHTML = "test4";
function creatTab()
{
tp.addTabPage("","TAB" + i++,"<br><br>");
}
</SCRIPT>
<br>
<input type="button" value="新建" name="noname" onclick="creatTab()"></BODY>
</HTML>