可自动切换的tab实例代码

2025-09-16实例代码
114

可自动切换的tab实例代码,html代码如下:
<!-- tab标签代码begin -->
<div class="tab1" id="tab1">
    <div class="menu">
     vpn free  vpn下载   <ul>
     free vpn   免费vpn下载      <li id="one1" onclick="setTab('one',1)">新闻</li>
  免费vpn         免费vpn   <li free vpn id="one2" onclick="setTab('one',2)">活动</li>
     免费vpn        <li id="one3" onclick="setTab('one',3)">公告</li>
        </ul>
    </div>
   免费vpn  <div class="menudiv">
 vpn下载        <div id="con_one_1">新闻新闻新闻新闻新闻</div>
        <div vpn free id="con_one_2" style="display:none;">活动活动活动活动活动</div>
        <div id="con_one_3" style="display:none;">公告公告公告公告公告</div>
   vpn free  </div>
</div>
<!-- tab标签代码end -->
jquery代码如下:
<script>
function setTab(name,cursel){
 免费vpn    free vpn cursel_0=cursel;
    for(var i=1; i<=links_len; i++){
 vpn下载      free vpn 免费vpn   var menu = document.getElementById(name+i);
        var menudiv = document.getElementById("con_"+name+"_"+i);
        if(i==cursel){
            menu.className="off";
   免费vpn下载 vpn free          menudiv.style.display="block";
    vpn free     }
        else{
 vpn free            menu.className="";
  vpn下载      vpn free      menudiv.style.display="none";
    免费vpn下载  免费vpn    }
    }
}
function vpn下载 Next(){
    cursel_0++;
    if (cursel_0>links_len)cursel_0=1
    setTab(name_0,cursel_0);
}
var name_0='one';
var cursel_0=1;
var ScrollTime=3000;//循环周期,可任意更改(毫秒)
var links_len,iIntervalId;
onload=function(){
    var links = document.getElementById("tab1").getElementsByTagName('li')
    links_len=links.length;
    for(var i=0; i<links_len; i++){
        links[i].onmouseover=function(){
            clearInterval(iIntervalId);
         免费vpn下载 vpn free    this.onmouseout=function(){
                iIntervalId = setInterval(Next,ScrollTime);;
            }
        }
    }
 vpn下载    document.getElementById("con_"+name_0+"_"+links_len).parentNode.onmouseover=function(){
 free vpn下载 vpn        clearInterval(iIntervalId);
  vpn free      vpn下载  this.onmouseout=function(){
        免费vpn     iIntervalId = setInterval(Next,ScrollTime);;
       免费vpn下载  }
    }
    setTab(name_0,cursel_0);
    免费vpn iIntervalId = setInterval(Next,ScrollTime);
}
</script>
The End
tab切换

相关推荐