一些实用的TAB效果

<HTML><HEAD><TITLE>无标题文档</TITLE><META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312"><META HTTP-EQUIV="imagetoolbar" CONTENT="no"> 
<STYLE TYPE="text/css"> 
a, a:link{text-decoration: none; color:#000000; font-size:9pt;}    a:visited{text-decoration: none; color:#000000;}    a:hover{text-decoration: underline; color:red;} 
BODY, TD, Select{FONT-SIZE:9pt; FONT-FAMILY:"宋体";} 
#TabStrip {width:500px;background-color:#66CCFF;padding:10px;} 
#TabStrip #TabCard{width:90%;margin:0px;list-style-type: none;} 
#TabStrip #TabCard LI { 
    float:left; 
    width:100px; 
    height:20px; 
    padding-top:4px; 
    border:1px #7d7d7d solid; 
    border-bottom:none; 
    background-color:#CCC; 
    text-align:center; 
    cursor:default; 
    position:relative; 
    margin:1px; 
}

#TabStrip #TabBody DIV{ 
    display:none; 
    border:1px #7d7d7d solid; 
    background-color:#FFF; 
    width:100%; 
    height:400px; 
    padding:5px; 
    margin-left:2px; 
} 
</STYLE> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22javascript%22%20type%3D%22text%2FJavaScript%22%3E%20%0D%0A%20%20%20%20function%20getIE(obj)%7B%20%0D%0A%20%20%20%20%20%20%20%20var%20t%3Dobj.offsetTop%20-%20obj.parentElement.scrollTop%3B%20%0D%0A%20%20%20%20%20%20%20%20var%20l%3Dobj.offsetLeft%20-%20obj.parentElement.scrollLeft%3B%20%0D%0A%20%20%20%20%20%20%20%20while(obj%3Dobj.offsetParent)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20t%2B%3Dobj.offsetTop%20-%20obj.parentElement.scrollTop%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20l%2B%3Dobj.offsetLeft%20-%20obj.parentElement.scrollLeft%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20return%20%7Btop%3A%20t%2C%20left%3Al%7D%20%0D%0A%20%20%20%20%7D%3B%20%0D%0A%0D%0A%20%20%20%20function%20create_div()%7B%20%0D%0A%20%20%20%20%20%20%20%20var%20div%20%3D%20document.createElement('div')%3B%20%0D%0A%20%20%20%20%20%20%20%20var%20b%20%20%20%20%3D%20document.createElement('b')%3B%20%0D%0A%20%20%20%20%20%20%20%20with(div.style)%7Bposition%20%3D%20'absolute'%3BzIndex%20%3D%20'99999'%3BborderTop%3D'1px%20%23FFF%20solid'%3Bwidth%20%3D'98px'%3Bheight%20%3D%20'1px'%3BpixelTop%20%3D%20'-100'%3BpixelLeft%20%3D%20'-100'%3B%7D%20%0D%0A%20%20%20%20%20%20%20%20div.id%3D'_CARD_HR_'%3B%20%0D%0A%20%20%20%20%20%20%20%20div.appendChild(b)%3B%20%0D%0A%20%20%20%20%20%20%20%20document.body.insertAdjacentElement('afterBegin'%2C%20div)%3B%20%0D%0A%20%20%20%20%7D%3B%20%0D%0A%0D%0A%20%20%20%20function%20set_tab_card(TabIndex)%7B%20%0D%0A%20%20%20%20%20%20%20%20var%20tab%20%3D%20document.getElementById('TabCard')%3B%20%0D%0A%20%20%20%20%20%20%20%20var%20bod%20%3D%20document.getElementById('TabBody')%3B%20%0D%0A%20%20%20%20%20%20%20%20var%20car%20%3D%20(typeof(TabIndex)%20!%3D%20'object')%3Ftab.children%5BTabIndex%5D%3ATabIndex%3B%20%0D%0A%20%20%20%20%20%20%20%20var%20X_Y%20%3D%20getIE(car)%3B%20%0D%0A%20%20%20%20%20%20%20%20if(typeof(_CARD_HR_)%20%3D%3D%20'undefined')create_div()%3B%20%0D%0A%20%20%20%20%20%20%20%20_CARD_HR_.style.pixelTop%20%3D%20X_Y.top%2B20%3B%20%0D%0A%20%20%20%20%20%20%20%20_CARD_HR_.style.pixelLeft%20%3D%20X_Y.left%2B1%3B%20%0D%0A%20%20%20%20%20%20%20%20for(var%20i%3D0%3B%20i%20%3C%20tab.children.length%3B%20i%2B%2B)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20tab.children%5Bi%5D.style.backgroundColor%20%3D%20(tab.children%5Bi%5D%20%3D%3D%20car)%3F'%23FFF'%3A'%23CCC'%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20bod.children%5Bi%5D.style.display%20%3D%20(tab.children%5Bi%5D%20%3D%3D%20car)%3F'block'%3A'none'%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%7D%3B%20%0D%0A%3C%2Fscript%3E"> 
</HEAD>

<BODY onload="set_tab_card(0);" bgcolor="#FFFFFF" text="#000000" leftmargin="20" topmargin="20"> 
<DIV id="TabStrip"> 
    <UL id="TabCard"> 
        <LI onclick="set_tab_card(this);">用户管理</LI> 
        <LI onclick="set_tab_card(this);">用户组管理</LI> 
        <LI onclick="set_tab_card(this);">用户组管理1</LI> 
    </UL> 
    <DIV id="TabBody"> 
        <DIV>测丶式1</DIV> 
        <DIV>测丶式2</DIV> 
        <DIV>测丶式3</DIV> 
    </DIV> 
</DIV> 
</BODY> 
</HTML>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

<html> 
<head> 
<title>项目申报</title> 
<STYLE type="text/css"> 
body,td{ 
    font-size:12px; 
    color:#000000; 
    background-color:threedface; 
    vertical-align: middle; 
} 
.checkbox{width:12px;height:12px;} 
.cked{ 
    margin:0px;padding:0px;width:100%;display:block;background-color:highlight;color:highlighttext; 
} 
.nock{ 
    margin:0px;padding:0px;width:100%;display:block; 
} 
.tab    { 
            cursor:hand; 
            border-top:solid thin white; 
            border-right:solid thin gray; 
            border-left:solid thin threedface; 
            font-family:Verdana; 
            font-size:10pt; 
            text-align:center; 
            font-weight:normal}

.selTab    {    border-left:solid thin white; 
            border-top:solid thin white; 
            border-right:solid thin gray; 
            font-size:10pt; 
            font-weight:bold; 
            text-align:center} 
.td_no_bottom { 
            width:100%; 
            height:100%; 
            border-color:white; 
            border-bottom:0} 
.td_top_right { 
            width:100%; 
            height:100%; 
            border-color:white; 
            border-bottom:0; 
            border-left:0} 
.td_no_left { 
            width:100%; 
            height:100%; 
            border-color:white; 
            border-left:0} 
.td_all { 
            width:100%; 
            height:100%; 
            border-color:white} 
.title { 
            font-size:16px; 
            font-weight:bold;} 
 .tips { 
             background-color:transparent; 
            border:0; 
             color:#990000; 
            font-size:14px;} 
</STYLE> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20LANGUAGE%3D%22JavaScript%22%3E%20%0D%0A%0D%0Avar%20menuItem%3D%5B'1%E3%80%81%E7%94%B3%E6%8A%A5%E5%9F%BA%E6%9C%AC%E4%BF%A1%E6%81%AF'%2C'2%E3%80%81%E7%9C%81%E6%8A%80%E6%9C%AF%E5%88%9B%E6%96%B0%E9%A1%B9%E7%9B%AE%E7%94%B3%E8%AF%B7%E8%A1%A8'%2C'3%E3%80%81%E6%8A%80%E6%9C%AF%E5%88%9B%E6%96%B0%E9%A1%B9%E7%9B%AE%E7%AB%8B%E9%A1%B9%E5%BB%BA%E8%AE%AE%E4%B9%A6%E5%B0%81%E9%9D%A2'%2C'4%E3%80%81%E9%A1%B9%E7%9B%AE%E5%BC%80%E5%8F%91%E7%9A%84%E7%9B%AE%E7%9A%84%E3%80%81%E6%84%8F%E4%B9%89%E5%8F%8A%E5%BF%85%E8%A6%81%E6%80%A7'%2C'5%E3%80%81%E5%9B%BD%E9%99%85%E6%B0%B4%E5%B9%B3%E3%80%81%E7%8E%B0%E7%8A%B6%E5%8F%8A%E5%8F%91%E5%B1%95%E8%B6%8B%E5%8A%BF'%2C'6%E3%80%81%E5%9B%BD%E5%86%85%E4%BA%A7%E5%93%81%E4%B8%8E%E6%8A%80%E6%9C%AF%E5%8F%91%E5%B1%95%E6%B0%B4%E5%B9%B3%E3%80%81%E7%8E%B0%E7%8A%B6'%2C'7%E3%80%81%E9%A1%B9%E7%9B%AE%E5%89%8D%E6%9C%9F%E7%A0%94%E5%8F%91%E5%8F%8A%E6%8A%80%E6%9C%AF%E5%87%86%E5%A4%87%E6%83%85%E5%86%B5'%2C'8%E3%80%81%E9%A1%B9%E7%9B%AE%E4%BA%A7%E4%B8%9A%E5%8C%96%E5%AE%9E%E6%96%BD%E6%96%B9%E6%A1%88'%2C'9%E3%80%81%E9%A1%B9%E7%9B%AE%E8%BF%9B%E5%BA%A6%E5%AE%89%E6%8E%92%E4%B8%8E%E5%AE%8C%E6%88%90%E6%9C%9F%E9%99%90'%2C'10%E3%80%81%E6%8A%80%E6%9C%AF%E7%BB%8F%E6%B5%8E%E6%8C%87%E6%A0%87'%2C'11%E3%80%81%E9%A1%B9%E7%9B%AE%E8%B5%84%E9%87%91%E5%AE%89%E6%8E%92%E6%83%85%E5%86%B5'%2C'12%E3%80%81%E8%BF%9B%E5%8F%A3%E8%AE%BE%E5%A4%87%E4%BB%AA%E5%99%A8%E6%83%85%E5%86%B5'%2C'13%E3%80%81%E7%A4%BE%E4%BC%9A%E3%80%81%E7%BB%8F%E6%B5%8E%E6%95%88%E7%9B%8A%E8%AF%84%E4%BB%B7'%2C'14%E3%80%81%E9%A1%B9%E7%9B%AE%E6%89%BF%E6%8B%85%E5%8D%95%E4%BD%8D%E5%8F%8A%E9%A1%B9%E7%9B%AE%E5%8D%8F%E4%BD%9C%E5%8D%95%E4%BD%8D%E6%83%85%E5%86%B5'%2C'15%E3%80%81%E5%85%B6%E5%AE%83%E9%9C%80%E8%A6%81%E8%AF%B4%E6%98%8E%E7%9A%84%E9%97%AE%E9%A2%98'%2C'%E6%A0%BC%E5%BC%8F%E5%8F%8A%E5%A1%AB%E5%86%99%E8%AF%B4%E6%98%8E'%5D%3B%20%0D%0A%0D%0Avar%20linkItem%3D%5B'1.jsp'%2C'2.jsp'%2C'3.jsp'%2C'4.jsp'%2C'5.jsp'%2C'6.jsp'%2C'7.jsp'%2C'8.jsp'%2C'9.jsp'%2C'10.jsp'%2C'11.jsp'%2C'12.jsp'%2C'13.jsp'%2C'14.jsp'%2C'15.jsp'%2C'16.jsp'%5D%3B%20%0D%0Avar%20col%3D0%3B%20%0D%0A%0D%0Afunction%20init(c)%20%0D%0A%7B%20%0D%0A%20%20%20%20if(isNaN(c))%20col%3D0%3B%20%0D%0A%20%20%20%20else%20col%3DMath.floor(c)%3B%20%0D%0A%20%20%20%20win.innerHTML%3Dpublic_Labels(menuItem)%3B%20%0D%0A%20%20%20%20document.body.onclick%3DchangeTabs%3B%20%0D%0A%20%20%20%20window.onresize%3Dfunction()%7Bwin.innerHTML%3Dpublic_Labels(menuItem)%3B%7D%20%0D%0A%7D%20%20%20%20%20%0D%0A%0D%0Afunction%20public_Labels(labels)%20%0D%0A%7B%20%0D%0A%20%20%20%20var%20html%3D%22%22%3B%20%0D%0A%20%20%20%20var%20menus%3D%5B%5D%3B%20%0D%0A%20%20%20%20var%20menu%3D%22%22%3B%20%0D%0A%20%20%20%20var%20base%3D%22%22%3B%20%0D%0A%20%20%20%20var%20bases%3D%5B%5D%3B%20%0D%0A%20%20%20%20var%20row%3D0%3B%20%0D%0A%20%20%20%20var%20row_all%3D1%3B%20%0D%0A%20%20%20%20var%20j%3D0%3B%20%0D%0A%20%20%20%20var%20menu_len%3D0%3B%20%0D%0A%20%20%20%20var%20frame_height%3D0%3B%20%0D%0A%0D%0A%20%20%20%20menus%5B0%5D%3D'%3C%2Ftable%3E%3Ctable%20width%3D100%25%20CELLPADDING%3D%5C%220%5C%22%20CELLSPACING%3D%5C%220%5C%22%3E%3Ctr%20HEIGHT%3D%5C%2220%5C%22%3E'%3B%20%0D%0A%20%20%20%20bases%5B0%5D%3D''%3B%20%0D%0A%0D%0A%20%20%20%20for(var%20i%3D0%3Bi%3Clabels.length%3Bi%2B%2B)%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20menu_len%2B%3Dlabels%5Bi%5D.length%3B%20%0D%0A%20%20%20%20%20%20%20%20if(menu_len*22%3Edocument.body.scrollWidth)%20%20%0D%0A%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20j%2B%2B%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20menus%5Bj%5D%3D%22%3C%2Ftable%3E%3Ctable%20width%3D100%25%20CELLPADDING%3D%5C%220%5C%22%20CELLSPACING%3D%5C%220%5C%22%3E%3Ctr%20HEIGHT%3D%5C%2220%5C%22%3E%22%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20bases%5Bj%5D%3D%22%22%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20menu_len%3D0%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20row_all%2B%2B%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20if(i%3D%3Dcol)%20%0D%0A%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20menus%5Bj%5D%2B%3D%22%3Ctd%20ID%3D%5C%22t%22%2Bi%2B%22%5C%22%20CLASS%3D%5C%22selTab%5C%22%3E%22%2Blabels%5Bi%5D%2B%22%3C%5C%2Ftd%3E%22%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20bases%5Bj%5D%2B%3D%22%3Ctd%20ID%3D%5C%22t%22%2Bi%2B%22base%5C%22%20STYLE%3D%5C%22height%3A2%3B%20border-left%3Asolid%20thin%20white%5C%22%3E%3C%5C%2Ftd%3E%22%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20row%3Drow_all-1%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20else%20%0D%0A%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20menus%5Bj%5D%2B%3D%22%3Ctd%20ID%3D%5C%22t%22%2Bi%2B%22%5C%22%20CLASS%3D%5C%22tab%5C%22%3E%22%2Blabels%5Bi%5D%2B%22%3C%5C%2Ftd%3E%22%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20bases%5Bj%5D%2B%3D%22%3Ctd%20ID%3D%5C%22t%22%2Bi%2B%22base%5C%22%20STYLE%3D%5C%22height%3A2%3B%20background-color%3Awhite%5C%22%3E%3C%5C%2Ftd%3E%22%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%7D%20%0D%0A%0D%0A%20%20%20%20for(var%20i%3D0%3Bi%3Crow_all%3Bi%2B%2B)%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20if(i!%3Drow)%20menu%2B%3Dmenus%5Bi%5D%2B%22%5Cn%22%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%0D%0A%20%20%20%20menu%2B%3Dmenus%5Brow%5D%3B%20%0D%0A%20%20%20%20base%3Dbases%5Brow%5D%3B%20%0D%0A%0D%0A%20%20%20%20frame_height%3Ddocument.body.scrollHeight-row_all*22%3B%20%0D%0A%2F%2F%20%20%20%20alert(document.body.scrollHeight)%3B%20%0D%0A%20%20%20%20html%2B%3D(%22%3Ctable%20STYLE%3D%5C%22width%3A100%25%3B%20height%3A100%25%5C%22%20CELLPADDING%3D%5C%220%5C%22%20CELLSPACING%3D%5C%220%5C%22%20bgcolor%3D%5C%22%23d4d0c7%5C%22%3E%22)%3B%20%0D%0A%20%20%20%20html%2B%3D(%20menu%20)%3B%20%0D%0A%20%20%20%20html%2B%3D(%22%20%20%3Ctr%3E%22)%3B%20%0D%0A%20%20%20%20html%2B%3D(%20base%20)%3B%20%0D%0A%20%20%20%20html%2B%3D(%22%20%20%3C%5C%2Ftr%3E%22)%3B%20%0D%0A%20%20%20%20html%2B%3D(%22%3C%5C%2Ftable%3E%22)%3B%20%0D%0A%20%20%20%20html%2B%3D(%22%3Ctable%20width%3D%5C%22100%25%5C%22%20HEIGHT%3D%5C%22%22%2Bframe_height%2B%22%5C%22%20CELLPADDING%3D%5C%220%5C%22%20CELLSPACING%3D%5C%220%5C%22%3E%22)%3B%20%0D%0A%20%20%20%20html%2B%3D(%22%20%20%3Ctr%3E%22)%3B%20%0D%0A%20%20%20%20html%2B%3D(%22%20%20%20%20%3Ctd%20STYLE%3D%5C%22border-left%3Asolid%20thin%20white%3Bborder-bottom%3Asolid%20thin%20white%3Bborder-right%3Asolid%20thin%20white%5C%22%3E%22)%3B%20%0D%0A%20%20%20%20html%2B%3D(%22%20%20%20%20%3Ciframe%20frameborder%3D0%20width%3D'100%25'%20height%3D'100%25'%20src%3D'%22%2BlinkItem%5Bcol%5D%2B%22'%3E%3C%2Fiframe%3E%22)%3B%20%0D%0A%20%20%20%20html%2B%3D(%22%20%20%20%20%3C%5C%2Ftd%3E%22)%3B%20%0D%0A%20%20%20%20html%2B%3D(%22%20%20%3C%5C%2Ftr%3E%22)%3B%20%0D%0A%20%20%20%20html%2B%3D(%22%3C%5C%2Ftable%3E%22)%3B%20%0D%0A%20%20%20%20return%20html%3B%20%0D%0A%7D%20%0D%0A%0D%0Afunction%20changeTabs()%20%0D%0A%7B%20%0D%0A%0D%0A%20%20%20%20if(window.event.srcElement.className%20%3D%3D%20%22tab%22)%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20col%3Dwindow.event.srcElement.id.replace(%2Ft%2Fi%2C'')%3B%20%0D%0A%20%20%20%20%20%20%20%20win.innerHTML%3Dpublic_Labels(menuItem)%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%7D%20%0D%0A%0D%0A%3C%2Fscript%3E"> 
</head>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

<html> 
<head> 
<title> New Document </title> 
<style> 
td      { font-family: 宋体; font-size: 9pt;} 
.ooib { border-width: 1px; border-style: none solid solid; border-color: #CC3333; background-color: #E4E5EE;} 
.ooih td { border-width: 1px; padding: 0 5; } 
.ooihj { color: #CC3333; background-color: #E4E5EE; border-style: solid solid none; border-color: #CC3333; cursor: hand} 
.ooihs { color: #6600CC; background-color: #ccccFF; border-style: solid; border-color: #6600CC #6600CC #CC3333; cursor: hand} 
.ooihx { border-style: none none solid; border-color: #CC3333; }

</style> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22JavaScript%22%3E%20%0D%0Afunction%20ghbq(td)%20%0D%0A%7B%20%0D%0A%20%20var%20tr%20%3D%20td.parentElement.cells%3B%20%0D%0A%20%20var%20ob%20%3D%20obody.rows%3B%20%0D%0A%20%20for(var%20ii%3D0%3B%20ii%3Ctr.length-1%3B%20ii%2B%2B)%20%0D%0A%20%20%7B%20%0D%0A%20%20%20%20tr%5Bii%5D.className%20%3D%20(td.cellIndex%3D%3Dii)%3F%22ooihj%22%3A%22ooihs%22%3B%20%0D%0A%20%20%20%20ob%5Bii%5D.style.display%20%3D%20(td.cellIndex%3D%3Dii)%3F%22block%22%3A%22none%22%3B%20%0D%0A%20%20%7D%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> 
</head>

<body>

<table class="ooih" border="0" cellspacing="0" cellpadding="0" width="400" height="19"> 
  <tr> 
<td class="ooihj" nowrap onclick="ghbq(this)">标签一</td> 
<td class="ooihs" nowrap onclick="ghbq(this)">标签二</td> 
<td class="ooihs" nowrap onclick="ghbq(this)">标签三</td> 
<td class="ooihs" nowrap onclick="ghbq(this)">标签四</td> 
<td class="ooihx" width="100%"> </td> 
  </tr> 
</table> 
<table class="ooib" id="obody" border="0" cellspacing="0" cellpadding="0" width="400" height="300"> 
  <tr> 
    <td> 
标签内容一 
    </td> 
  </tr> 
  <tr style="display: none"> 
    <td> 
标签内容二 
    </td> 
  </tr> 
  <tr style="display: none"> 
    <td> 
标签内容三 
    </td> 
  </tr> 
  <tr style="display: none"> 
    <td> 
标签内容四 
    </td> 
  </tr> 
</table>

</body> 
</html>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

<HTML> 
<HEAD> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3E%20%0D%0Avar%20Num%3D4%3B%20%20%2F%2F%E8%BF%99%E9%87%8C%E6%98%AF%E5%A2%9E%E5%8A%A0%E9%80%89%E9%A1%B9%E5%8D%A1%E7%9A%84%E6%95%B0%E7%9B%AE%20%0D%0Avar%20carNum%3D2%2BNum%20%0D%0Afunction%20document.onselectstart()%20%0D%0A%7B%20%0D%0Avar%20obj%3Devent.srcElement%20%20%0D%0Aif(obj.tagName%3D%3D%22SPAN%22)%20%0D%0A%7B%20%0D%0Areturn%20false%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Afunction%20document.onmousedown()%20%0D%0A%7B%20%0D%0Avar%20obj%3Devent.srcElement%20%0D%0Avar%20pobj%3Dobj.parentElement.id%3B%20%0D%0Aif(obj.className%3D%3D%22span%22)%20%0D%0A%7B%20%0D%0A%20%20for(i%3D1%3Bi%3CcarNum%3Bi%2B%2B)%20%0D%0A%20%20%7B%20%0D%0A%20%20%20if(pobj%3D%3D(%22btn%22%2Bi))%20%0D%0A%20%20%20%7B%20%0D%0A%20%20%20%20document.all(%22td%22%2Bi).style.backgroundColor%3D%22green%22%20%0D%0A%20%20%20%20document.all(%22btn%22%2Bi).style.height%3D20%20%0D%0A%20%20%20%20content(i)%20%0D%0A%20%20%20%7D%20%0D%0A%20%20%20else%20%0D%0A%20%20%20%7B%20%0D%0A%20%20%20%20document.all(%22td%22%2Bi).style.backgroundColor%3D%22white%22%20%0D%0A%20%20%20%20document.all(%22btn%22%2Bi).style.height%3D18%20%0D%0A%20%20%20%7D%20%0D%0A%20%20%7D%20%0D%0A%7D%20%20%0D%0A%7D%20%0D%0Afunction%20content(i)%20%0D%0A%7B%20%0D%0A%2F%2F%E8%BF%99%E9%87%8C%E6%98%AF%E8%8F%9C%E5%8D%95%E5%90%8D%20%0D%0AmnuItem(1%2C%22%E7%AC%AC%E4%B8%80%E9%A1%B9%22)%20%0D%0AmnuItem(2%2C%22%E5%9B%BE%E7%89%87%E4%B8%96%E7%95%8C%22)%20%0D%0AmnuItem(3%2C%22%E7%AC%AC%E4%B8%89%E4%B8%AA%E5%86%85%E5%AE%B9%22)%20%0D%0AmnuItem(4%2C%22%E8%A1%A8%E6%A0%BC%22)%20%0D%0AmnuItem(5%2C%22%E6%BB%9A%E5%8A%A8%E5%AD%97%E5%B9%95%22)%20%0D%0A%2F%2FEnd%20%0D%0Aif(i%3D%3D1)%20%0D%0A%7B%20%0D%0Aspan1.innerHTML%3D%22%3Cinput%20type%3Dradio%20checked%20name%3Da%3E%E7%94%B7%3Cinput%20name%3Da%20type%3Dradio%3E%E5%A5%B3%0D%0A%22%20%0D%0A%2B%22%3Cinput%3E%0D%0A%3Cinput%3E%0D%0A%3Cinput%20type%3Dsubmit%3E%22%20%0D%0A%7D%20%0D%0Aif(i%3D%3D2)%20%0D%0A%7B%20%0D%0Aspan1.innerHTML%3D%22%3Cimg%20src%3Dhttp%3A%2F%2Fwww.fnfnet.com%2Fimages%2Fbanner.gif%20width%3D250%3E%22%20%0D%0A%7D%20%0D%0Aif(i%3D%3D3)%20%0D%0A%7B%20%0D%0Aspan1.innerHTML%3D%22%3Ch1%3E%E7%AC%AC%E4%B8%89%E4%B8%AA%E5%86%85%E5%AE%B9%3C%2Fh1%3E%22%7D%20%0D%0Aif(i%3D%3D4)%20%0D%0A%7B%20%0D%0Aspan1.innerHTML%3D%22%3Ctable%20border%3D1%20width%3D100%25%3E%3Ctd%3E%E7%AC%AC%E5%9B%9B%E4%B8%AA%E5%86%85%E5%AE%B9%EF%BC%8C%E8%A1%A8%E6%A0%BC%3C%2Ftd%3E%3C%2Ftr%3E%22%20%0D%0A%2B%22%3Ctr%3E%3Ctd%3Eaaaaaaaa%3C%2Ftd%3E%3C%2Ftr%3E%22%20%0D%0A%2B%22%3Ctr%3E%3Ctd%3Ebbbbbbbb%3C%2Ftd%3E%3C%2Ftr%3E%22%20%0D%0A%2B%22%3Ctr%3E%3Ctd%3Eccccccccc%3C%2Ftd%3E%3C%2Ftr%3E%3C%2Ftable%3E%22%20%0D%0A%7D%20%0D%0Aif(i%3D%3D5)%20%0D%0A%7B%20%0D%0Aspan1.innerHTML%3D%22%3Cmarquee%3E%22%20%0D%0A%2B%22%E8%BF%99%E6%98%AF%E7%AC%AC%E4%BA%94%E4%B8%AA%E5%86%85%E5%AE%B9%22%20%0D%0A%2B%22%E5%95%A6%E5%95%A6..%EF%BC%9F%3C%2Fmarquee%3E%22%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Afunction%20mnuItem(i%2Ccon)%20%0D%0A%7B%20%0D%0Adocument.all(%22MenuName%22%2Bi).innerText%3Dcon%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> 
<style>td{font-size:9pt} 
.span{ 
cursor:default; 
padding-left:5; 
padding-top:2; 
padding-right:5; 
padding-bottom:0; 
width:100%; 
height:100%; 
color: yellow; 
background-color: green; 
} 
</style> 
<TITLE></TITLE> 
<META http-equiv="content-type" content="text/html;charset=gb2312"> 
</HEAD> 
<BODY bgcolor=FFFFFF onload=content(1) onselectstart="return false"> 
<p> 
<table width=0 onselectstart="return false" bgcolor=green align=center><tr><td> 
<table cellpadding=0 cellspacing=0 onselectstart="return false"> 
  <tr height=20> 
<td valign=bottom> 
  <table cellspacing=0 cellpadding=0 bgcolor=green> 
   <tr> 
   <td width=1 height=1></td><td width=1 height=1></td> 
   <td bgcolor=white></td><td></td><td></td> 
   </tr> 
   <tr><td width=1 height=1></td><td width=1 height=1 bgcolor=white></td> 
   <td></td><td bgcolor=black></td><td></td> 
   </tr> 
   <tr><td width=1 bgcolor=white></td><td width=1 height=1></td> 
   <td id=btn1 height=20><span class=span id=MenuName1>  </span></td><td width=1 bgcolor=gray></td><td bgcolor=black width=1></td> 
   </tr> 
   <tr><td bgcolor=white></td><td colspan=4 height=1 bgcolor=green id=td1></td> 
   </tr> 
  </table> 
</td> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3E%20%0D%0Afor(i%3D2%3Bi%3CcarNum%3Bi%2B%2B)%20%0D%0A%7B%20%0D%0AtdBody%3D%22%3Ctd%20valign%3Dbottom%3E%22%20%0D%0AtdBody%2B%3D%22%3Ctable%20cellspacing%3D0%20cellpadding%3D0%20bgcolor%3Dgreen%3E%22%20%0D%0AtdBody%2B%3D%22%3Ctr%3E%22%20%0D%0AtdBody%2B%3D%22%3Ctd%20width%3D1%20height%3D1%3E%3C%5C%2Ftd%3E%3Ctd%20width%3D1%20height%3D1%3E%3C%5C%2Ftd%3E%22%20%0D%0AtdBody%2B%3D%22%3Ctd%20bgcolor%3Dwhite%3E%3C%5C%2Ftd%3E%3Ctd%3E%3C%2Ftd%3E%3Ctd%3E%3C%2Ftd%3E%22%20%0D%0AtdBody%2B%3D%22%3C%5C%2Ftr%3E%22%20%0D%0AtdBody%2B%3D%22%3Ctr%3E%3Ctd%20width%3D1%20height%3D1%3E%3C%5C%2Ftd%3E%3Ctd%20width%3D1%20height%3D1%20bgcolor%3Dwhite%3E%3C%5C%2Ftd%3E%22%20%0D%0AtdBody%2B%3D%22%3Ctd%3E%3C%2Ftd%3E%3Ctd%20bgcolor%3Dblack%3E%3C%5C%2Ftd%3E%3Ctd%3E%3C%2Ftd%3E%22%20%0D%0AtdBody%2B%3D%22%3C%5C%2Ftr%3E%22%20%0D%0AtdBody%2B%3D%22%3Ctr%3E%3Ctd%20width%3D1%20bgcolor%3Dwhite%3E%3C%5C%2Ftd%3E%3Ctd%20width%3D1%20height%3D1%3E%3C%5C%2Ftd%3E%22%20%0D%0AtdBody%2B%3D%22%3Ctd%20id%3Dbtn%22%2Bi%2B%22%20height%3D18%3E%3Cspan%20class%3Dspan%20id%3DMenuName%22%2Bi%2B%22%3E%20%20%3C%5C%2Fspan%3E%3C%2Ftd%3E%3Ctd%20width%3D1%20bgcolor%3Dgray%3E%3C%5C%2Ftd%3E%3Ctd%20bgcolor%3Dblack%20width%3D1%3E%3C%5C%2Ftd%3E%22%20%0D%0AtdBody%2B%3D%22%3C%5C%2Ftr%3E%22%20%0D%0AtdBody%2B%3D%22%3Ctr%3E%3Ctd%20bgcolor%3Dwhite%3E%3C%5C%2Ftd%3E%3Ctd%20colspan%3D4%20height%3D1%20bgcolor%3Dwhite%20id%3Dtd%22%2Bi%2B%22%3E%3C%5C%2Ftd%3E%22%20%0D%0AtdBody%2B%3D%22%3C%5C%2Ftr%3E%22%20%0D%0AtdBody%2B%3D%22%3C%5C%2Ftable%3E%22%20%0D%0AtdBody%2B%3D%22%3C%5C%2Ftd%3E%22%3B%20%0D%0Adocument.write(tdBody)%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> 
</td> 
<td style="border-bottom:1 white solid" width=50> </td> </tr> 
</table> 
<div style="padding:10;width:100%;height:200;border-left:1 white solid;border-right:2 outset;border-bottom:2 outset"> 
<span id=span1></span> 
</div> 
</td></tr></table> 
</BODY> 
</HTML>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

<HTML> 
<HEAD> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3E%20%0D%0Avar%20Num%3D4%3B%20%20%2F%2F%E8%BF%99%E9%87%8C%E6%98%AF%E5%A2%9E%E5%8A%A0%E9%80%89%E9%A1%B9%E5%8D%A1%E7%9A%84%E6%95%B0%E7%9B%AE%20%0D%0Avar%20carNum%3D2%2BNum%20%0D%0Afunction%20document.onselectstart()%20%0D%0A%7B%20%0D%0Avar%20obj%3Devent.srcElement%20%20%0D%0A%20if(obj.tagName%3D%3D%22SPAN%22)%20%0D%0A%20%7B%20%0D%0A%20return%20false%3B%20%0D%0A%20%7D%20%0D%0A%7D%20%0D%0Afunction%20document.onmousedown()%20%0D%0A%7B%20%0D%0A%20var%20obj%3Devent.srcElement%20%0D%0A%20var%20pobj%3Dobj.parentElement.id%3B%20%0D%0A%20if(obj.className%3D%3D%22span%22)%20%0D%0A%20%7B%20%0D%0A%20%20for(i%3D1%3Bi%3CcarNum%3Bi%2B%2B)%20%0D%0A%20%20%7B%20%0D%0A%20%20%20if(pobj%3D%3D(%22btn%22%2Bi))%20%0D%0A%20%20%20%7B%20%0D%0A%20%20%20%20document.all(%22td%22%2Bi).style.backgroundColor%3D%22menu%22%20%0D%0A%20%20%20%20document.all(%22btn%22%2Bi).style.height%3D20%20%0D%0A%20%20%20%20content(i)%20%0D%0A%20%20%20%7D%20%0D%0A%20%20%20else%20%0D%0A%20%20%20%7B%20%0D%0A%20%20%20%20document.all(%22td%22%2Bi).style.backgroundColor%3D%22white%22%20%0D%0A%20%20%20%20document.all(%22btn%22%2Bi).style.height%3D18%20%0D%0A%20%20%20%7D%20%0D%0A%20%20%7D%20%0D%0A%20%7D%20%20%0D%0A%7D%20%0D%0Afunction%20content(i)%20%0D%0A%7B%20%0D%0A%2F%2F%E8%BF%99%E9%87%8C%E6%98%AF%E8%8F%9C%E5%8D%95%E5%90%8D%20%0D%0A%20mnuItem(1%2C%22%E7%AC%AC%E4%B8%80%E9%A1%B9%22)%20%0D%0A%20mnuItem(2%2C%22%E5%9B%BE%E7%89%87%E4%B8%96%E7%95%8C%22)%20%0D%0A%20mnuItem(3%2C%22%E7%AC%AC%E4%B8%89%E4%B8%AA%E5%86%85%E5%AE%B9%22)%20%0D%0A%20mnuItem(4%2C%22%E8%A1%A8%E6%A0%BC%22)%20%0D%0A%20mnuItem(5%2C%22%E6%BB%9A%E5%8A%A8%E5%AD%97%E5%B9%95%22)%20%0D%0A%2F%2FEnd%20%0D%0A%20if(i%3D%3D1)%20%0D%0A%20%7B%20%0D%0A%20span1.innerHTML%3D%22%3Cinput%20type%3Dradio%20checked%20name%3Da%3E%E7%94%B7%3Cinput%20name%3Da%20type%3Dradio%3E%E5%A5%B3%0D%0A%22%20%0D%0A%20%2B%22%3Cinput%3E%0D%0A%3Cinput%3E%0D%0A%3Cinput%20type%3Dsubmit%3E%22%20%0D%0A%20%7D%20%0D%0A%20if(i%3D%3D2)%20%0D%0A%20%7B%20%0D%0A%20span1.innerHTML%3D%22%3Cimg%20src%3Dhttp%3A%2F%2Fwww.fnfnet.com%2Fimages%2Fbanner.gif%20width%3D250%3E%22%20%0D%0A%20%7D%20%0D%0A%20if(i%3D%3D3)%20%0D%0A%20%7B%20%0D%0A%20span1.innerHTML%3D%22%3Ch1%3E%E7%AC%AC%E4%B8%89%E4%B8%AA%E5%86%85%E5%AE%B9%3C%2Fh1%3E%22%7D%20%0D%0A%20if(i%3D%3D4)%20%0D%0A%20%7B%20%0D%0A%20span1.innerHTML%3D%22%3Ctable%20border%3D1%20width%3D100%25%3E%3Ctd%3E%E7%AC%AC%E5%9B%9B%E4%B8%AA%E5%86%85%E5%AE%B9%EF%BC%8C%E8%A1%A8%E6%A0%BC%3C%2Ftd%3E%3C%2Ftr%3E%22%20%0D%0A%20%2B%22%3Ctr%3E%3Ctd%3Eaaaaaaaa%3C%2Ftd%3E%3C%2Ftr%3E%22%20%0D%0A%20%2B%22%3Ctr%3E%3Ctd%3Ebbbbbbbb%3C%2Ftd%3E%3C%2Ftr%3E%22%20%0D%0A%20%2B%22%3Ctr%3E%3Ctd%3Eccccccccc%3C%2Ftd%3E%3C%2Ftr%3E%3C%2Ftable%3E%22%20%0D%0A%20%7D%20%0D%0A%20if(i%3D%3D5)%20%0D%0A%20%7B%20%0D%0A%20span1.innerHTML%3D%22%3Cmarquee%3E%22%20%0D%0A%20%2B%22%E8%BF%99%E6%98%AF%E7%AC%AC%E4%BA%94%E4%B8%AA%E5%86%85%E5%AE%B9%22%20%0D%0A%20%2B%22%E5%95%A6%E5%95%A6..%EF%BC%9F%3C%2Fmarquee%3E%22%20%0D%0A%20%7D%20%0D%0A%7D%20%0D%0Afunction%20mnuItem(i%2Ccon)%20%0D%0A%7B%20%0D%0A%20document.all(%22MenuName%22%2Bi).innerText%3Dcon%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> 
<style>td{font-size:9pt} 
.span{ 
 cursor:default; 
 padding-left:5; 
 padding-top:2; 
 padding-right:5; 
 padding-bottom:0; 
 width:100%; 
 height:100%; 
 } 
</style> 
<TITLE></TITLE> 
<META http-equiv="content-type" content="text/html;charset=gb2312"> 
</HEAD> 
<BODY bgcolor=FFFFFF onload=content(1) onselectstart="return false"> 
<p> 
<table width=0 onselectstart="return false" bgcolor=menu align=center><tr><td> 
<table cellpadding=0 cellspacing=0 onselectstart="return false"> 
  <tr height=20> 
 <td valign=bottom> 
  <table cellspacing=0 cellpadding=0 bgcolor=menu> 
   <tr> 
   <td width=1 height=1></td><td width=1 height=1></td> 
   <td bgcolor=white></td><td></td><td></td> 
   </tr> 
   <tr><td width=1 height=1></td><td width=1 height=1 bgcolor=white></td> 
   <td></td><td bgcolor=black></td><td></td> 
   </tr> 
   <tr><td width=1 bgcolor=white></td><td width=1 height=1></td> 
   <td id=btn1 height=20><span class=span id=MenuName1>  </span></td><td width=1 bgcolor=gray></td><td bgcolor=black width=1></td> 
   </tr> 
   <tr><td bgcolor=white></td><td colspan=4 height=1 bgcolor=menu id=td1></td> 
   </tr> 
  </table> 
 </td> 
 <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3E%20%0D%0Afor(i%3D2%3Bi%3CcarNum%3Bi%2B%2B)%20%0D%0A%7B%20%0D%0A%20tdBody%3D%22%3Ctd%20valign%3Dbottom%3E%22%20%0D%0A%20tdBody%2B%3D%22%3Ctable%20cellspacing%3D0%20cellpadding%3D0%20bgcolor%3Dmenu%3E%22%20%0D%0A%20tdBody%2B%3D%22%3Ctr%3E%22%20%0D%0A%20tdBody%2B%3D%22%3Ctd%20width%3D1%20height%3D1%3E%3C%5C%2Ftd%3E%3Ctd%20width%3D1%20height%3D1%3E%3C%5C%2Ftd%3E%22%20%0D%0A%20tdBody%2B%3D%22%3Ctd%20bgcolor%3Dwhite%3E%3C%5C%2Ftd%3E%3Ctd%3E%3C%2Ftd%3E%3Ctd%3E%3C%2Ftd%3E%22%20%0D%0A%20tdBody%2B%3D%22%3C%5C%2Ftr%3E%22%20%0D%0A%20tdBody%2B%3D%22%3Ctr%3E%3Ctd%20width%3D1%20height%3D1%3E%3C%5C%2Ftd%3E%3Ctd%20width%3D1%20height%3D1%20bgcolor%3Dwhite%3E%3C%5C%2Ftd%3E%22%20%0D%0A%20tdBody%2B%3D%22%3Ctd%3E%3C%2Ftd%3E%3Ctd%20bgcolor%3Dblack%3E%3C%5C%2Ftd%3E%3Ctd%3E%3C%2Ftd%3E%22%20%0D%0A%20tdBody%2B%3D%22%3C%5C%2Ftr%3E%22%20%0D%0A%20tdBody%2B%3D%22%3Ctr%3E%3Ctd%20width%3D1%20bgcolor%3Dwhite%3E%3C%5C%2Ftd%3E%3Ctd%20width%3D1%20height%3D1%3E%3C%5C%2Ftd%3E%22%20%0D%0A%20tdBody%2B%3D%22%3Ctd%20id%3Dbtn%22%2Bi%2B%22%20height%3D18%3E%3Cspan%20class%3Dspan%20id%3DMenuName%22%2Bi%2B%22%3E%20%20%3C%5C%2Fspan%3E%3C%2Ftd%3E%3Ctd%20width%3D1%20bgcolor%3Dgray%3E%3C%5C%2Ftd%3E%3Ctd%20bgcolor%3Dblack%20width%3D1%3E%3C%5C%2Ftd%3E%22%20%0D%0A%20tdBody%2B%3D%22%3C%5C%2Ftr%3E%22%20%0D%0A%20tdBody%2B%3D%22%3Ctr%3E%3Ctd%20bgcolor%3Dwhite%3E%3C%5C%2Ftd%3E%3Ctd%20colspan%3D4%20height%3D1%20bgcolor%3Dwhite%20id%3Dtd%22%2Bi%2B%22%3E%3C%5C%2Ftd%3E%22%20%0D%0A%20tdBody%2B%3D%22%3C%5C%2Ftr%3E%22%20%0D%0A%20tdBody%2B%3D%22%3C%5C%2Ftable%3E%22%20%0D%0A%20tdBody%2B%3D%22%3C%5C%2Ftd%3E%22%3B%20%0D%0Adocument.write(tdBody)%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> 
</td> 
<td style="border-bottom:1 white solid" width=50> </td> </tr> 
</table> 
<div style="padding:10;width:100%;height:200;border-left:1 white solid;border-right:2 outset;border-bottom:2 outset"> 
<span id=span1></span> 
</div> 
</td></tr></table> 
</BODY> 
</HTML>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

<html>

<head> 
<title>window</title> 
<meta http-equiv="content-type" content="text/html;charset=gb2312">

.sec2 {  
    background-color: #E4EAF8; 
    cursor: hand; 
    color: #000000; 
    border-left: 1px solid #FFFFFF;  
    border-top: 1px solid #FFFFFF;  
    border-right: 1px solid gray;  
    font-weight: bold;  
    }

.main_tab { 
    background-color: #E4EAF8; 
    color: #000000; 
    border-left:1px solid #FFFFFF; 
    border-right: 1px solid gray; 
    border-bottom: 1px solid gray;  
    } 
</style>

</head>

<body>

<table border=0 cellspacing=0 cellpadding=0 width=549 id=secTable> 
    <tr height=20 align=center>  
      <td class=sec2 width=10% onclick="secBoard(0)">General Information</td> 
      <td class=sec1 width=10% onclick="secBoard(1)">Team</td> 
      <td class=sec1 width=10% onclick="secBoard(2)">Documentation</td> 
      <td class=sec1 width=10% onclick="secBoard(3)">Test Report</td> 
    </tr> 
  </table>

text2 </td> 
      </tr> 
    </tbody> 
    <tbody style="display:none;">  
      <tr>  
        <td align=center valign=top>

text3 </td> 
      </tr> 
    </tbody>  
  </table> 
 </body> 
</html>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程