选项卡的切换怎么实现不了？-慕课网

首页课程实战体系课手记专栏慕课教程

选项卡的切换怎么实现不了？

来源：10-1 编程挑战

慕粉4408527

2016-12-10 19:38

    <script type="text/javascript">
    window.onload= function(){

        // JS实现选项卡切换
        var as= document.getElementsByTagName("a");
        var div= document.getElementsByTagName("div");
        for(var i=0;i<as.length;i++){
        as[i].onmouseover= function(i){div[i].className="hide";}
        }
    }
    </script>

写回答关注

1回答

慕斯卡7014777

2016-12-11 16:08:39

window.onload=function(){
var oUl1=document.getElementById("ul1");
var aLi=oUl1.getElementsByTagName("li");
var oDiv=document.getElementById("tab-list");
var aDiv=oDiv.getElementsByTagName("div");
for(var i=0;i<aLi.length;i++)
{
     aLi[i].index=i;
      aLi[i].onmouseover=function(){
      for(var i=0;i<aLi.length;i++)
      {
     aLi[i].className="";
      }
      this.className="active";
     for(var j=0;j<aDiv.length;j++)
     {
      aDiv[j].className="hide";
      }
     aDiv[this.index].className="show";
      }
  }
}

0 0

JavaScript进阶篇

本课程从如何插入JS代码开始，带您进入网页动态交互世界

468061 学习 · 21891 问题

相似问题

怎么实现选项卡切换的

回答 3

js 实现选项卡切换

回答 1

选项卡切换不能实现，怎么回事啊

回答 3

怎么选项卡功能实现不了？

回答 2

选项卡切换问题

回答 1

打开慕课网App查看更多内容