运行没有报错,但是没有切换效果,大神帮帮忙

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

慕久风采

2020-04-13 15:21

function $(id) {

return typeof id==='string'?document.getElementById(id):id;

}

window.onload=function(){

//获取鼠标滑过或点击的标签和要切换的内容

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

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

// alert(titles.length);

if(titles.length!=divs.length)

return;

// 遍历titles下所有的li

for(var i=0;i<titles.length;i++){

titles[i].id=i;

titles[i].onclick=function(){

// alert(this.id);

//清除所有li上的class

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

}

}

}


写回答 关注

1回答

  • 慕久风采
    2020-04-13 16:58:43

    已解决,是结构问题,不细心导致

Tab选项卡切换效果

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

65469 学习 · 533 问题

查看课程

相似问题