个回答

• Zaku

  2017-01-18 15:07:01

  <script type="text/javascript">

  window.onload=function(){  //网页加载时执行

  var lis=document.getElementsByTagName('li');//获取所以“li”节点组成类似数组的集合
  

  var tab=document.getElementById('tabs');//获取id为“tabs”的节点
  

  var divs=tab.getElementsByTagName('div');//获取所以“div”节点组成类似数组的集合

  for(var i=0;i<lis.length;i++){//循环遍历使标题与内容一一对应
  

  lis[i].index=i;//给每个‘li’节点做标记方便对应
  

  lis[i].onmouseover=function(){//标题点击事件，点击标题触发
  

  for(var j=0;j<lis.length;j++){//循环将标题和内容的ccs样式重置为初始状态
  

  lis[j].className="";//去掉所有标题类名
  

  divs[j].className="neirong";//隐藏所有内容
  

  }

  this.className='on';//给当前标题加个类名
  

  divs[this.index].className="show";//使当前标题对应的内容显示出来
  

  }

  }

  }

  </script>

  个人理解。希望能帮到你
  

  6