📄 05_myie主页选项卡.html

📁 can merge two datatable
💻 HTML
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
 
 <style type=text/css >
 .tab-on {
	BORDER-RIGHT: #cccccc 1px; PADDING-RIGHT: 2px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 120px; CURSOR: pointer; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #cccccc 1px; BACKGROUND-COLOR: #ffffff
}
.tab-off {
	BORDER-RIGHT: #cccccc 1px; PADDING-RIGHT: 2px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 120px; CURSOR: pointer; COLOR: #666666; PADDING-TOP: 2px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #f6f6f6
}
.tab-none {
	BORDER-RIGHT: #cccccc 1px; PADDING-RIGHT: 2px; BORDER-TOP: #cccccc 1px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #cccccc 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #cccccc 1px solid
}
.tab-content {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; VERTICAL-ALIGN: top; BORDER-LEFT: #cccccc 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #ffffff
}
 .td_heading {
	BORDER-RIGHT: #cccccc 1px; PADDING-RIGHT: 3px; BORDER-TOP: #cccccc 1px; PADDING-LEFT: 10px; PADDING-BOTTOM: 3px; BORDER-LEFT: #cccccc 1px; COLOR: #999999; PADDING-TOP: 3px; BORDER-BOTTOM: #cccccc 1px dashed
}
.td_title {
	BORDER-RIGHT: #e0e0e0 1px solid; BORDER-TOP: #e0e0e0 1px solid; BORDER-LEFT: #e0e0e0 1px solid; COLOR: #666666; BORDER-BOTTOM: #e0e0e0 1px solid; BACKGROUND-COLOR: #f6f6f6
}
.td_text {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
.td_download_title {
	COLOR: #ffffff; BACKGROUND-COLOR: #5874ad
}
.td_download_main {
	BACKGROUND-COLOR: #f6f6f6
}
.hide-table {
	DISPLAY: none
}
.show-table {
	DISPLAY: block
}
TD {
	FONT-SIZE: 12px
}
 </style>
 
 <script>
function switchCell(n, hash) {
	nc=document.getElementsByName("navcell");
	if(nc){
		t=document.getElementsByName("tb")
		for(i=0;i<nc.length;i++){
			nc.item(i).className="tab-off";
			t.item(i).className="hide-table";
		}
		nc.item(n-1).className="tab-on";
		t.item(n-1).className="tab-content show-table";
	}else if(navcell){
		for(i=0;i<navcell.length;i++){
			navcell[i].className="tab-off";
			tb[i].className="hide-table";
		}
		navcell[n-1].className="tab-on";
		tb[n-1].className="tab-content show-table";
	}
	if(hash){
		document.location="#"+hash;
	}
}
</SCRIPT>


<BODY>

            <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
              <TBODY>
              <TR>
                <TD class=tab-on id=navcell onclick=switchCell(1) 
                  name="navcell"> 简介 </TD>
                <TD class=tab-off id=navcell onclick=switchCell(2) 
                name="navcell"> 最近更新</TD>
                <TD class=tab-off id=navcell onclick=switchCell(3) 
                name="navcell"> 商务合作</TD>
                <TD class=tab-off id=navcell onclick=switchCell(4) 
                name="navcell"> 奖项 和 链接</TD>
                <TD class=tab-none>&nbsp;</TD></TR></TBODY></TABLE>
            <TABLE class=tab-content id=tb cellSpacing=5 cellPadding=0 
            width="100%" border=0 name="tb">
              <TBODY>
              <TR>
                <TD class=td_heading vAlign=top>我们的冲浪之选</TD></TR>
              <TR>
                <TD vAlign=top>
                  <TABLE cellSpacing=4 cellPadding=0 width="100%" border=0>
                    <TBODY>
                    <TR>
                      <TD vAlign=top>
                        <H1><FONT 
                        face="Arial, Helvetica, sans-serif">MyIE2</FONT> 更名为 
                        <FONT 
                        face="Arial, Helvetica, sans-serif">Maxthon</FONT></H1>
                        <P>&nbsp;</P>
                        <P align=center><A 
                        href="http://www.myie2.com/images_screens/full.gif" 
                        target=_blank></A></P></TD>
                      <TD vAlign=top><P align=center><A 
                        href="http://www.myie2.com/html_chs/jobs.htm"></A></P></TD></TR></TBODY></TABLE>
                  <P>&nbsp;</P>
                  </TD></TR></TBODY></TABLE>
            <TABLE class=tab-content id=tb cellSpacing=5 cellPadding=0 
            width="100%" border=0 name="tb">
              <TBODY>
              <TR>
                <TD class=td_heading vAlign=top>站点最后更新:
                  <SCRIPT language=JavaScript type=text/JavaScript>
document.write(document.lastModified)
</SCRIPT>
                   </TD></TR>
              <TR>
                <TD vAlign=top>
                  <TABLE cellSpacing=1 cellPadding=2 width="100%" border=0>
                    <TBODY>
                    <TR>
                      <TD class=td_title>MyIE2 0.9.27<SPAN class=text_comment> 
                        [Date: 2004-5-25] </SPAN></TD>
                    </TR>
                    <TR>
                      <TD class=td_text><A 
                        href="http://www.myie2.com/html_chs/download.htm"></A> 
                        <P><STRONG>有什么新功能?</STRONG></P>
                        <P><BR>
                        <BR>
                      <BR></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
            <TABLE class=tab-content id=tb cellSpacing=5 cellPadding=0 
            width="100%" border=0 name="tb">
              <TBODY>
              <TR>
                <TD class=td_heading vAlign=top>商务</TD></TR>
              <TR>
                <TD vAlign=top>
                  <UL>
                    <LI><STRONG>开发<BR></STRONG>                    
                  </UL>
                  <P>&nbsp;</P></TD></TR></TBODY></TABLE>
            <TABLE class=tab-content id=tb cellSpacing=5 cellPadding=0 
            width="100%" border=0 name="tb">
              <TBODY>
              <TR>
                <TD class=td_heading vAlign=top>奖项和链接</TD></TR>
              <TR>
                <TD vAlign=top>
                  <H3>奖项</H3>
                  <P>下面是 MyIE2 获得的各种奖项. 如果你还知道在这里没有列出的 MyIE2 获得的奖项</P>
                  <HR>

                  <H3>&nbsp;</H3>
                </TD>
              </TR></TBODY></TABLE>
</BODY>
</HTML>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -