文章切换代码

<style type="text/css">
/**begin**/
.navtab{clear:both;height:26px; border-bottom:#676767 solid 2px; width:476px;}
.navtab li{float:left;width:73px;text-align:center;line-height:24px;height:24px;cursor:pointer;}
.navtab .active{background:#676767;font-weight:bold;color:#FFFFFF;}
.navtab #tab_t1{width:83px;}
.navContent{text-align:left;margin-left:60px;margin-top:10px;list-style-image: url("images/left_icon.gif");}

.navtab2{clear:both;height:26px; border-bottom:#676767 solid 2px; width:500px;}
.navtab2 li{float:left;width:120px;text-align:center;line-height:24px;height:24px;cursor:pointer;}
.navtab2 .active{background:#676767;font-weight:bold;color:#FFFFFF;}
.navtab2 #tab2_t1{width:116px;}
.navContent2{text-align:left;margin-left:60px;margin-top:4px;list-style-image: url("images/left_icon.gif");}
/**End**/
</style>
<SCRIPT>
function swap_tab(n){
 for(var i=1;i<=5;i++){
  var curC=document.getElementById("tab_"+i);
  var curB=document.getElementById("tab_t"+i);
  if(n==i){
   curC.style.display="block";
   curB.className="active"
  }else{
   curC.style.display="none";
   curB.className="normal"
  }
 }
}
function swap_tab2(n){
 for(var i=1;i<=3;i++){
  var curC=document.getElementById("tab2_"+i);
  var curB=document.getElementById("tab2_t"+i);
  if(n==i){
   curC.style.display="block";
   curB.className="active"
  }else{
   curC.style.display="none";
   curB.className="normal"
  }
 }
}
</SCRIPT>
<div class=navtab2>
   <ul>
    <li class=active id=tab2_t1 onMouseOver="return swap_tab2(1)"><a rel=adListContent1>案例分析下载</a></li>
    <li class=normal id=tab2_t2 onMouseOver="return swap_tab2(2)"><a rel=adListContent1>实用资料下载</a></li>
    <li class=normal id=tab2_t3 onMouseOver="return swap_tab2(3)"><a rel=adListContent1>精品课件下载</a></li>
   </ul>
</div>
   <div class=navContent2>
   <div id=tab2_1 style="DISPLAY: block"><span class="article_list">{SQL_最新发表(10)}</span></div>
   <div id=tab2_2 style="DISPLAY: none"><span class="article_list">{LB_推荐课程(10)}</span></div>
   <div id=tab2_3 style="DISPLAY: none"><span class="article_list">{LB_物业文章(10)}</span></div></div>