< style > ...
body{...}{font-size:12px;font-family:宋体}
ul.TabBarLevel1{...}{
list-style:none;
margin:0;
padding:0;
height:29px;
background-image:url(/2k5/sys/component/tabbar_level1_bk.gif);
}
ul.TabBarLevel1li{...}{
float:left;
padding:0;
height:29px;
margin-right:1px;
background:url(/2k5/sys/component/tabbar_level1_slice_left_bk.gif)lefttopno-repeat;
}
ul.TabBarLevel1lia{...}{
display:block;
line-height:29px;
padding:020px;
color:#333;
background:url(/2k5/sys/component/tabbar_level1_slice_right_bk.gif)righttopno-repeat;
white-space:nowrap;
}
ul.TabBarLevel1li.Selected{...}{
background:url(/2k5/sys/component/tabbar_level1_slice_selected_left_bk.gif)lefttopno-repeat;
}
ul.TabBarLevel1li.Selecteda{...}{
background:url(/2k5/sys/component/tabbar_level1_slice_selected_right_bk.gif)righttopno-
repeat;
}
ul.TabBarLevel1lia:link,ul.TabBarLevel1lia:visited{...}{
color:#333;
}
ul.TabBarLevel1lia:hover,ul.TabBarLevel1lia:active{...}{
color:#F30;
text-decoration:none;
}
ul.TabBarLevel1li.Selecteda:link,ul.TabBarLevel1li.Selecteda:visited{...}{
color:#000;
}
ul.TabBarLevel1li.Selecteda:hover,ul.TabBarLevel1li.Selecteda:active{...}{
color:#F30;
text-decoration:none;
}
div.HackBox{...}{
padding:2px2px;
border-left:2pxsolid#6697CD;
border-right:2pxsolid#6697CD;
border-bottom:2pxsolid#6697CD;
display:none;
}
</ style >
< div id ="Whatever" >
< ul class ="TabBarLevel1" id ="TabPage1" >
< li id ="Tab1" >< a href ="#" onclick ="javascript:switchTab('TabPage1','Tab1');" > 子虚乌有 </ a ></ li >
< li id ="Tab2" class ="Selected" >< a href ="#" onclick ="javascript:switchTab('TabPage1','Tab2');" > 金翅擘海
</ a ></ li >
< li id ="Tab3" >< a href ="#" onclick ="javascript:switchTab('TabPage1','Tab3');" >< B >< font color ="#22FF22" > 知
</ font >< font color ="#FF2222" > 往 </ font >< font color ="#001199" > 观 </ font >< font color ="#00fffa" > 来 </ font ></ B ></ a ></ li >
< li id ="Tab4" >< a href ="#" onclick ="javascript:switchTab('TabPage1','Tab4');" > 我太低调 </ a ></ li >
</ ul >
< div id ="cnt" >
< div id ="dTab1" class ="HackBox" > 我为每一次的快乐而哭泣,我为每一次的悲伤而微笑。
</ div >
< div id ="dTab2" class ="HackBox" style ="display:block" > 【※卡秀儿精品屋※】
</ div >
< div id ="dTab3" class ="HackBox" > 学习是件头疼的事,为了能活下去我不得不学习
</ div >
< div id ="dTab4" class ="HackBox" > 仍然拣尽寒枝不肯安歇微带着后悔寂寞沙洲我该思念谁
</ div >
</ div >
</ div >
< script language ="JavaScript" > ...
//SwitchTabEffect
functionswitchTab(tabpage,tabid)...{
varoItem=document.getElementById(tabpage).getElementsByTagName("li");
for(vari=0;i<oItem.length;i++)...{
varx=oItem[i];
x.className="";
vary=x.getElementsByTagName('a');
y[0].style.color="#333333";
}
document.getElementById(tabid).className="Selected";
vardvs=document.getElementById("cnt").getElementsByTagName("div");
for(vari=0;i<dvs.length;i++)...{
if(dvs[i].id==('d'+tabid))
dvs[i].style.display='block';
else
dvs[i].style.display='none';
}
}
</ script >