代码 复制 - 运行

<div id=cntR> 
<div id=NewsTop> 
<div id=NewsTop_tit> 
<P class=topTit>站内导读</P> 
<P class=topC0>最新</P> 
<P class=topC0>推荐</P> 
<P class=topC0>热门</P> 
<P class=topC0>随机</P> 
</div> 
<div id=NewsTop_cnt><SPAN title="Don't delete me"></SPAN>
<SPAN>最新</SPAN>
<SPAN>推荐</SPAN>
<SPAN>热门</SPAN>
<SPAN>随机</SPAN> 
</div> 
</div> 
<SCRIPT> 
var Tags=document.getElementById('NewsTop_tit').getElementsByTagName('p');  
var TagsCnt=document.getElementById('NewsTop_cnt').getElementsByTagName('span');  
var len=Tags.length;  
var flag=2;//修改默认值 
for(i=1;i<len;i++){ 
 Tags[i].value = i; 
 Tags[i].onmouseover=function(){changeNav(this.value)};  
 TagsCnt[i].className='undis';    
} 
 Tags[flag].className='topC1'; 
 TagsCnt[flag].className='dis'; 
 function changeNav(v){  
 Tags[flag].className='topC0'; 
 TagsCnt[flag].className='undis'; 
 flag=v;  
 Tags[v].className='topC1'; 
 TagsCnt[v].className='dis'; 
} 
   </SCRIPT>  
</div> 
</div> 



样式表 
.dis {DISPLAY: block} 
.undis {DISPLAY: none} 
#cntR {WIDTH: 300px} 
#NewsTop {CLEAR: both; MARGIN-BOTTOM: 5px} 
#NewsTop P {FLOAT: left; LINE-HEIGHT: 26px} 
#NewsTop P.topTit {color:#000; 
float:left; 
font-size:14px; 
font-weight:bold; 
 WIDTH: 125px} 
#NewsTop P.topC0 { BACKGROUND: #C9C9C9; BORDER-LEFT: #f2f2f2 1px solid; WIDTH: 40px; CURSOR: pointer} 
#NewsTop P.topC1 { BACKGROUND: #7FC910; BORDER-LEFT: #f2f2f2 1px solid; WIDTH: 40px; COLOR: #fff} 
#NewsTop #NewsTop_tit {BORDER-BOTTOM: #7FC910 3px solid; HEIGHT: 26px} 
#NewsTop #NewsTop_cnt {PADDING-LEFT: 0px; no-repeat 12px 13px;PADDING-TOP: 7px; TEXT-ALIGN: left}