ajax栏目切换代码

function.js代码

--------------------------------------------------------------------------------

<!--
function   getObject(objectId)   {
          if(document.getElementById  &&  document.getElementById(objectId))  {
        //  W3C  DOM
              return  document.getElementById(objectId);
          }  
          else  if  (document.all  &&  document.all(objectId))  {
        //  MSIE  4  DOM
              return  document.all(objectId);
          }  
          else  if  (document.layers  &&  document.layers[objectId])  {
        //  NN  4  DOM..  note:  this  won't  find  nested  layers
              return  document.layers[objectId];
          }  
          else  {
              return  false;
        }
}   

var   responsecont;
var   xmlHttp;
var   requestType;
var   newsstring;

function   CreateXMLHttpRequest() {
      //  Initialize  Mozilla  XMLHttpRequest  object
      if  (window.XMLHttpRequest){
              xmlHttp  =  new  XMLHttpRequest();
      }  
      //  Initialize  for  IE/Windows  ActiveX  version
      else  if  (window.ActiveXObject)  {
              try{
                        xmlHttp  =  new  ActiveXObject("Msxml2.XMLHTTP.3.0");
              }  
              catch  (e){
                        try{
                                xmlHttp  =  new  ActiveXObject("Microsoft.XMLHTTP");
                        }
                        catch  (e){newsstring  =  "服务器繁忙,请稍后重新连接！";}
              }
      }
}

function   getnews(tagid,x) {
      var  url  =  tagid+'_'+x+'.htm';
      requestType  =  tagid;
      CreateXMLHttpRequest();      
      
      xmlHttp.onreadystatechange  =  processRequestChange;
      xmlHttp.open("GET",  url,  true);
      xmlHttp.setRequestHeader("If-Modified-Since","0");
      xmlHttp.send(null);    
}

function   processRequestChange() {
      //  only  if  xmlHttp  shows  "complete"
      if  (xmlHttp.readyState  ==  4){
            //  only  http  200  to  process
            if  (window.location.href.indexOf("http")==-1  ||  xmlHttp.status  ==  200){                    
　　　newsstring  =  xmlHttp.responseText;
                  //inject  centent  to  tab-pane
                        shownews(requestType,newsstring);
            }
      }
}

function   shownews(requestType,newsstring) {
//<![CDATA[
        responsecont  =  getObject(requestType+'_cnt');
        responsecont.innerHTML  =  newsstring;
//]]>
}

function   TabNews(tagid,x) {
        for  (var  i=1;i<=7;i+=2)  {
                  if  (i  ==  x)  {
                        getObject(tagid+i).className="tabactive"+i;
                        if(i!=1){
                              getObject(tagid+(i-1)).style.display="none";                              
                              if(i!=7){
                                    getObject(tagid+(i+1)).style.display="none";
                              }                                  
                        }
                        if(i==1){
                              getObject(tagid+"2").style.display="none";
                        }  
                        try{                        
                              getnews(tagid,i);
                        }
                        catch(e){
                              alert(e);
                        }    
                }
                else
                {
                        getObject(tagid+i).className="";                        
                        if(i!=7){
                              getObject(tagid+(i+1)).style.display="block";
                        }                          
                }                  
      }
}
// --> 

style.css样式


--------------------------------------------------------------------------------

body {} {  margin:  0;padding:  0;background:  #FFF;color:  #000;font:  normal  12px  宋体,arial,sans-serif;text-align:  left;}
div,form,ul,ol,li,span,p   {} {border:  0;margin:  0;padding:  0;}

/**/ /*链接样式*/
a:link {} {color:  #000;text-decoration:  none;}
a:visited {} {color:  #000;text-decoration:  none;}
a:hover {} {color:  #16387C;text-decoration:  underline;}

/**/ /*清除float*/
.clear {} {  clear:  both;  font-size:1px;  visibility:  hidden;  }

/**/ /*空格*/
.blank2 {} {font-size:  1px;height:  2px;margin:  0  auto;width:  962px;}
.blank5 {} {font-size:  1px;height:  5px;margin:  0  auto;width:  950px;}
.sblank2 {} {font-size:  1px;height:  2px;margin:  0  auto;width:  100px;}
.sblank3 {} {font-size:  1px;height:  3px;margin:  0  auto;width:  100px;}
.sblank5 {} {font-size:  1px;height:  5px;margin:  0  auto;width:  400px;}
.sblank7 {} {font-size:  1px;height:  7px;margin:  0  auto;width:  400px;}

/**/ /*边距*/
.margin-right {} {margin-right:  6px;}
.margin-right-left {} {margin-right:  3px;  margin-left:3px;}

/**/ /*字体颜色*/
.fcborange {} {color:  #F0741A;font:  bold  12px  arial,sans-serif;}
.fcred {} {color:#FF0000;}
.fcwhite {} {color:#FFF;font:normal  13px  宋体,arial,sans-serif;letter-spacing:1px;}

/**/ /*新闻标签导航*/
.news_tabsnav {} {
        background:  url(../images/tab_bg.gif)  #FFF  left  top  repeat-x;
        border:  solid  #B0BEC7;
        border-width:  0  1px  0  1px;
        height:  22px;
        margin:  0  auto;
        padding:  0;
        width:  506px;
}

.news_tabsnav  .tabsmenu {} {
        height:  22px;
}

.news_tabsnav  .tab_sline   {} {
        padding-top:  3px;
        width:  2px;
}

.news_tabsnav  li   {} {
        color:  #18397C;
        display:  inline;
        float:  left;
        font:  normal  12px  宋体,arial,sans-serif;
        letter-spacing:  1px;
        list-style-type:  none;
        margin:  0;
        padding-top:  4px;
        text-align:  center;
        width:  120px;
}

/**/ /*导航菜单点击后的样式*/
.news_tabsnav  .tabactive1 {} {
        background:  url(../images/tab_active1.gif);
        color:  #F26400;
        font:  bold  12px  宋体,arial,sans-serif;
        height:  18px;
        letter-spacing:  1px;
        padding-top:  4px;
        text-align:  center;
        width:  120px;
}

.news_tabsnav  .tabactive3 {} {
        background:  url(../images/tab_active2.gif);
        color:  #F26400;
        font:  bold  12px  宋体,arial,sans-serif;
        height:  18px;
        letter-spacing:  1px;
        padding-top:  4px;
        text-align:  center;
        width:  120px;
}

.news_tabsnav  .tabactive5 {} {
        background:  url(../images/tab_active2.gif);
        color:  #F26400;
        font:  bold  12px  宋体,arial,sans-serif;
        height:  18px;
        letter-spacing:  1px;
        padding-top:  4px;
        text-align:  center;
        width:  120px;
}

.news_tabsnav  .tabactive7 {} {
        background:  url(../images/tab_active2.gif);
        color:  #F26400;
        font:  bold  12px  宋体,arial,sans-serif;
        height:  18px;
        letter-spacing:  1px;
        padding-top:  4px;
        text-align:  center;
        width:  120px;
}

/**/ /*最新消息主体*/
.news_content {} {
        border:  solid  #B0BEC7;
        border-width:  0  1px  1px  1px;
        margin:  0  auto;
        width:  506px;
}

/**/ /*推荐新闻列表*/
.news_list {} {
        height:  120px;
        margin:  0  auto;
        width:  492px;
}

.news_list  img {} {
        border:  1px  solid  #9EB1C0;
        float:  left;
        height:  115px;
        margin:  0;
        padding:  1px;
        width:  154px;
        cursor:  pointer;
}

.news_list  .new_top7 {} {
        float:  right;
        height:  120px;
        margin:  0;
        width:  325px;
}

.news_list  .new_top7  li {} {
        float:  left;
        font:  normal  13px  宋体,sans-serif;
        height:  12px;
        letter-spacing:  1px;
        list-style-type:  none;
        margin:  0;
        padding:  0  0  5px  0!important;
        padding:  0  0  2px  0;
        width:  322px;
}

.news_list  .new_top7  li  a:link,a:visited {} {
        color:  #18397C;
}

.news_list  .new_top7  li  a:hover {} {
        color:  #FF0000;
}

/**/ /*LOGO广告*/
.logos {} {
        margin:  0  auto;
        width:  488px;
        height:  44px;
        padding:  1px  !important;
        border:  1px  solid  #9EB1C0;
}

.logoscnt {} {
        margin:  0  auto;
        width:  488px;
        height:  31px  !important;
        height:  29px;
        padding:  6px  0  7px  0  !important;
        padding:  4px  0  5px  0;
        text-align:  center;
        background:  url(../images/logos_bg.gif);
}

/**/ /*基本信息统计*/
.siteinfo {} {
        height:  12px;
        letter-spacing:  1px;
        margin:  0  auto;
        padding:  4px  0  4px  0  !important;
        padding:  2px  0  2px  0;
        text-align:  center;
        width:  490px;
}

在网上找到的代码，还没用过，有谁用过，请交流，谢谢:84383822