<script type="text/javascript">
window.onload=function(){ //网页加载时执行
var lis=document.getElementsByTagName('li');
var tab=document.getElementById('tabs');
var divs=tab.getElementsByTagName('div');
for(var i=0;i<lis.length;i++){
lis[i].index=i;
lis[i].onmouseover=function(){
for(var j=0;j<lis.length;j++){
lis[j].className="";
divs[j].className="neirong";
}
this.className='on';
divs[this.index].className="show";
}
}
}
</script>
2017-01-16
<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>
个人理解。希望能帮到你
举报
