2回答

• 

  李晓健

  2015-11-19 13:09:27

  已采纳

   window.onload = function(){
          var oUl = document.getElementById("ul1");
          var aLi = oUl.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';
                  //循环所有的内容区域 并添加上bd的className  其实这一部的真正目的是为了去掉内容区域上的 on 样式，也就是让所有的div隐藏
                  for(var j=0; j<aDiv.length; j++){
                      aDiv[j].className = 'bd';
                  }
                  //把导航对应的索引位置的 div 显示出来，这里也就是添加index的作用，通过这个索引来找到对应的div 这里的 this 就是指上面鼠标所在的导航
                  aDiv[this.index].className = "bd on";
              }
          }
       }

  不知道这样能不能解决你的问题

  6 6

  慕移动750... 回复李晓健

  请问下//循环所有的导航并且清空激活样式 for(var i=0; i<aLi.length; i++){ aLi[i].className=''; } //给鼠标所在的导航添加激活样式 this.className='active'; 这个清除和激活是在您这里才知道这个东西的，请问还可以在哪看到相关解释呢？

  2016-01-11 22:13:03

  共 6 条回复 >

• 

  李晓健

  2015-11-19 18:20:50

  javascript 高级程序设计第三版   这本书  好好看看

  4 2

  慕姐8289...

  想问一下，第一个问题，这里哪里体现了三个标题一一对应自己本该对应的那个内容？ 第二个问题，为啥 this.className='active'， aDiv[this.index].className = "bd on"这两句只是运用了类名而已，怎么就可以显示出来了？有点不太理解，，，，，，，

  2016-07-26 16:21:13

  共 4 条回复 >