我照着视频代码打的怎么效果实现的不一样

来源:3-1 js实现自动切换实现

瑶海王力宏

2017-03-21 14:32

<script type="text/javascript">
window.onload=function(){
    var	index=0;
	 var  timer=null;
	//获取所有页签和要切换内容
	var lis=document.getElementById('notice-tit').getElementsByTagName('li');
	var divs=document.getElementById('notice-con').getElementsByTagName('div');
	index=0;
	timer=null;
	//添加定时器改变当前高亮索引
	if(lis.length!=divs.length) return;
	if (timer) {
                clearTimeout(timer);
                timer = null;
            }
	timer = setInterval(function(){
		index++;
		if(index>=lis.length){index=0;}
		//先遍历让所有的li和div不显示
		for(j=0;j>=lis.length;j++){
			lis[j].className='';
			divs[j].style.display='none';
			}
			//高亮显示当前页签
		lis[index].className='select';
		divs[index].style.display='block';
		},2000)
	
	}

</script>


写回答 关注

1回答

  • 瑶海王力宏
    2017-03-21 16:17:32

    问题解决了,判断打错了

Tab选项卡切换效果

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

65466 学习 · 573 问题

查看课程

相似问题