源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

ajax实现标签导航

  • 时间:2021-07-23 11:08 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:ajax实现标签导航
[b]主要函数:[/b]
[u]复制代码[/u] 代码如下:
<!-- 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 = "<div class='loading'>Loading rquest content fail, Please try it again latter...</div>";}        }    } } function getnews(tagid,x){    var url = tagid+'_'+x+'.htm';    var loadstatustext="<div class='loading'><img src='images/loading.gif' /> Loading request content, please wait...</div>";    requestType = tagid;    CreateXMLHttpRequest();       getObject(requestType+'_cnt').innerHTML = loadstatustext;    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";             }                      }             } } //-->
调用方法:
[u]复制代码[/u] 代码如下:
<li style="cursor:pointer" id="tab3" onclick="TabNews('tab',3)">最新折扣信息</li>
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部