                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /Tab選項(xiàng)卡切換效果

不知道哪里出問題了？

function?$(id){
	return?typeof?id=='string'?document.getElementById(id):id;
	}
	window.onload=function(){
		//獲取鼠標(biāo)滑過或點(diǎn)擊的標(biāo)簽和要切換內(nèi)容的元素
		var?titles=$("notice-tit").getElementsByTagName("li")
		var?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].onmouseover=function(){
				for(var?j=0;j<titles.length;j++)
				?{titles[j].className="";
				??divs[j].style.dislay="none";}
				this.className="select";
				divs[this.id].style.display="block";
				}
		}
	}

qq_夢里_0

2016-09-27

源自：Tab選項(xiàng)卡切換效果 1-3

關(guān)注問題我要回答

731

操作

收起

2 回答

qq_夢里_0 提問者
2016-09-27

顯示的不對，并且鼠標(biāo)滑動第一次的時(shí)候下面div還有變化，第二次的時(shí)候就沒反應(yīng)了。

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

qq_夢里_0 提問者
2016-09-27

/*?CSS?Document?*/
*{margin:0;padding:0;list-style:none;font-size:12px;}
.notice{width:298px;height:98px;margin:10px;border:1px?solid?#eee;overflow:hidden;}
.notice-tit{height:27px;position:relative;background:#f7f7f7}
.notice-tit?ul{position:absolute;width:301px;left:-1px;}
.notice-tit?ul?li{float:left;width:58px;height:26px;line-height:26px;text-align:center;overflow:hidden;background:#fff;border:1px?solid?#eee;}
.notice?li?a:link,.notice?li?a:visited{text-decoration:none;color:#000000;}
.notice?li?a:hover{color:#FF9900;}

.notice?li.select{bCkground:#fff;
border-bottom-color:#FFFFFF;border-left:1px?solid?#eee;border-right:#eee;}

.notice-con?.mod{margin:10px?10px?10px?19px;}

.notice-con?.mod?ul?li{float:left;width:134px;height:25px;overflow:hidden;}

慕課網(wǎng)總說我的html中包含不當(dāng)?shù)挠糜冢詻]法粘貼