​我按照老师说的为啥没效果

来源:1-4 js实现切换效果

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';

 }

}


写回答 关注

2回答

  • 嘎嘣脆三十多岁
    2018-05-29 15:09:38

    var titles=$('notice-tit').getElementsByTagName('li'),

      divs=$('notice-con').getElementsByTagName('div');


  • 极目de天边
    2017-09-29 16:04:15

    有效果啊 我复制下来都能执行 ,是不是你DOM结构出了问题



Tab选项卡切换效果

本课程详细介绍网页页面中最流行常用的tab切换效果

65466 学习 · 573 问题

查看课程

相似问题