<script type="text/javascript" src="http://www.smallrain.net/jsimg/webtabs.js"></script>
<script language=javascript>
function f_start() {
var Widget = new WebTabs_widget(480, 320, 10, 10, "absolute")
Widget.add(new WebTabs_tab("文件", "page_1", "http://www.smallrain.net/jsimg/images/5.gif"))
Widget.add(new WebTabs_tab("編輯", "page_2", "http://www.smallrain.net/jsimg/images/6.gif"))
Widget.add(new WebTabs_tab("查看", "page_3", "http://www.smallrain.net/jsimg/images/7.gif"))
Widget.add(new WebTabs_tab("插入", "page_4", "http://www.smallrain.net/jsimg/images/16.gif"))
Widget.add(new WebTabs_tab("修改", "page_5", "http://www.smallrain.net/jsimg/images/17.gif"))
document.getElementById("WebTabs_container").innerHTML = Widget
Widget.f_init_tabs()
//Widget.f_move_to(120, 20)
Widget.f_move_by(20, 20)
Widget.f_activate_tab(3)
}
</script>
</head>
<body>
<div id=WebTabs_container></div>
<div id=page_1 class=WebTabs-external-page-container>
<div class=WebTabs-internal-page-container>
<table border="0" cellpadding="5" cellspacing="5" width="100%" height="100%">
<tr>
<td width="100%" align="center">
<table><tr><td id="theTD">
<a href="###" οnclick="document.getElementById('theTD').bgColor='yellow';">點我一下試試看？</a>
</td></tr></table>
</td>
</tr>
</table>
</div>
</div>
<div id=page_2 class=WebTabs-external-page-container>
<div class=WebTabs-internal-page-container>
<table border="0" cellpadding="5" cellspacing="5" width="100%" height="100%">
<tr>
<td width="100%" align="center">
<style>
u {
border-bottom: 1px red dotted;
text-decoration:none
}
</style>
<u>Unalloyed stabilization is unceasingly changing
Only use English software and data......</u>
</td>
</tr>
</table>
</div>
</div>
<div id=page_3 class=WebTabs-external-page-container>
<div class=WebTabs-internal-page-container>
<table border="0" cellpadding="5" cellspacing="5" width="100%" height="100%">
<tr>
<td width="100%" align="center">
<table border="1" οnmοuseοver="document.getElementById('foo').src=''" οnmοuseοut="document.getElementById('foo').src=''"><tr><td style="font-family:華文行楷;color:red">自己動手 豐衣足食</td></tr></table>
<table border="1"><tr><td><img id="foo" src=""/></td></tr></table>
</td>
</tr>
</table>
</div>
</div>
<div id=page_4 class=WebTabs-external-page-container>
<div class=WebTabs-internal-page-container>
<table border="0" cellpadding="5" cellspacing="5" width="100%" height="100%">
<tr>
<td width="100%" align="center">
<a href="#" οnclick="this.style.fontWeight='bold';"><font color="#22FF22">知</font><font color="#FF2222">往</font><font color="#001199">觀</font><font color="#00fffa">來</font></a>
</td>
</tr>
</table>
</div>
</div>
<div id=page_5 class=WebTabs-external-page-container>
<div class=WebTabs-internal-page-container>
<table border="0" cellpadding="5" cellspacing="5" width="100%" height="100%">
<tr>
<td width="100%" align="center">
<style>
.node{border:1px solid #000000; position: absolute; width: 19px; height: 90px; text-align:center; vertical-align:middle; font-size:9pt; background-color:#CCDDFF }
TD {font-size:9pt}
</style>
<div class="node" style="left: 25px; top: 25px"><table width="100%" height="100%"><tr><td>朱雀</td></tr></table></div>
<div class="node" style="left: 55px; top: 25px"><table width="100%" height="100%"><tr><td>玄武</td></tr></table></div>
</td>
</tr>
</table>
</div>
</div>
<script>f_start();</script>
