qq_生如夏花_52
2017-09-28 11:36
function $(id){
return typeof id==='string'?document.getElementById(id):id;
}
window.onload=function(){
//获取鼠标滑过或点击的标签和要切换的内容
var titles=$('notice-tit').getElementsByTagName('li');
divs=$('notice-con').getElementsByTagName('div');
if(titles.length!=divs.length)
return;
//遍历ttles下所有li
for(var i=0;i<titles.length;i++){
titles[i].id=i;
titles[i].onmouseover=function(){
//清除鼠标滑过后产生的class名字select,
for(var j=0;j<titles.length;j++){
titles[j].className='';
divs[j].style.display='none';
}
//设置当前为高亮
this .className='select';
divs[this.id].style.display='block';
}
}
}
var titles=$('notice-tit').getElementsByTagName('li'),
divs=$('notice-con').getElementsByTagName('div');
有效果啊 我复制下来都能执行 ,是不是你DOM结构出了问题
Tab选项卡切换效果
65466 学习 · 573 问题
相似问题