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

請前輩們幫看下這段代不能實(shí)現(xiàn)的原因？

代碼里面好多不當(dāng)用詞。。修改了幾次才發(fā)上來

<!DOCTYPE?html>
<html>
<head>
<meta?charset="utf-8">
????????<title>選項(xiàng)卡</title>
<style?type="text/css">
*{margin:?0;padding:?0;list-style:?none;font:?12px?微軟雅黑;}
.notice{width:?298px;height:?98px;margin:?10px;border:?1px?solid?#eee;overflow:?hidden;}
.notice-tit{height:?26px;position:?relative;background:#f7f7f7}
.notice-tit?ul{position:?absolute;width:?301px;left:?-1px;}
.notice-tit?li{float:?left;width:?58px;height:?26px;line-height:?26px;text-align:?center;overflow:?hidden;background:?#eee;border-bottom:?1px?solid?#eee;padding:?0px?1px;}
.notice?li?a:link,.notice?li?a:visited{text-decoration:none;color:?#000;}
.notice?li?a:hover{color:?#f90;}
.notice-tit?li.select{background:?#fff;border-bottom:#fff;border-left:?1px?solid?#eee;border-right:?1px?solid?#eee;padding:?0;font-weight:?bolder;}
.notice-con?div{margin:?10px?0px?0px?18px;}
.notice-con?div?ul?li{float:?left;width:?134px;overflow:?hidden;line-height:?25px;}
.mod{display:?none;}
.show{display:?block;}
</style>

<script?type="text/javascript">
window.onload=function??()?{
????????var?tit=document.getElementById("cd");
????????var?titli=tit.getElementsByTagName("li");
????????var?sdiv=document.getElementById("notice-con");
????????var?adiv=sdiv.getElementsByTagName("div");
????????for(var?i=0;i<titli.length;i++){
????????????titli[i].index=i;
????????????titli[i].onmouseover=function(){
????????????????for(var?i=0;i<titli.length;i++){
????????????????????????titli.[i].className=""
????????????????}
????????????????this.className="select";
????????????????for(var?j=0;j<adiv.length;j++){
????????????????????????adiv[j].className="mod";
????????????????}
????????????????adiv[this.index].className="show";
????????????}
????????}
}

</script>
</head>
<body>
	<div?id="notice"?class="notice">
		<div?id="notice-tit"?class="notice-tit">
			<ul?id="cd">
				<li??class="select">
					<a?href="#">公告</a>
				</li>
				<li>
					<a?href="#">規(guī)則</a>
				</li>
				<li>
					<a?href="#">論壇</a>
				</li>
				<li>
					<a?href="#">安全</a>
				</li>
				<li>
					<a?href="#">公益</a>
				</li>
			</ul>
		</div>
??????????????????<div??id="notice-con"?class="notice-con">
		????<div>
????????????????<ul>
????????????????	<li>
????????????????		<a?href="#">張勇：要玩快樂足球</a>
????????????????	</li>
????????????????	<li>
????????????????		<a?href="#">里2000萬馳援災(zāi)區(qū)</a>
????????????????	</li>
????????????????	<li>
????????????????		<a?href="#">旅游寶讓你邊玩邊</a>
????????????????	</li>
????????????????	<li>
????????????????		<a?href="#">多行跟進(jìn)阿信用</a>
????????????????	</li>
????????????????</ul>
		????</div>
		????<div?class="mod">
????????????????<ul>
????????????????	<li>
????????????????		<span>
????????????????			[<a?href="">通知</a>]
????????????????		</span>
????????????????		<a?href="#">“濫發(fā)”即將換新</a>
????????????????	</li>
????????????????	<li>
????????????????		<span>
????????????????			[<a?href="">通知</a>]
????????????????		</span>
????????????????		<a?href="#">比顛三倒四嚴(yán)管啦</a>
????????????????	</li>
????????????????	<li>
????????????????		<span>
????????????????			[<a?href="">通知</a>]
????????????????		</span>
????????????????		<a?href="#">禁發(fā)商猜猜猜名錄</a>
????????????????	</li>
????????????????	<li>
????????????????		<span>
????????????????			[<a?href="">通知</a>]
????????????????		</span>
????????????????		<a?href="#">商屬性小星星制</a>
????????????????	</li>
????????????????</ul>
????????????????</div>
		????<div?class="mod">
????????????????<ul>
????????????????	<li>
????????????????		<span>
????????????????			[<a?href="">聚焦</a>]
????????????????		</span>
????????????????		<a?href="#">金牌家再啟航</a>
????????????????	</li>
????????????????	<li>
????????????????		<span>
????????????????			[<a?href="">功能</a>]
????????????????		</span>
????????????????		<a?href="#">櫥窗功能升級啦</a>
????????????????	</li>
????????????????	<li>
????????????????		<span>
????????????????			[<a?href="">話題</a>]
????????????????		</span>
????????????????		<a?href="#">又愛又恨優(yōu)券</a>
????????????????	</li>
????????????????	<li>
????????????????		<span>
????????????????			[<a?href="">工具</a>]
????????????????		</span>
????????????????		<a?href="#">后送店啊啊鋪包</a>
????????????????	</li>
????????????????</ul>
		????</div>
		????<div?class="mod">
????????????????<ul>
????????????????	<li>
????????????????		<a?href="#">個人重要信息要管牢！</a>
????????????????	</li>
????????????????	<li>
????????????????		<a?href="#">賣家防范紅欺啊啊提醒</a>
????????????????	</li>
????????????????	<li>
????????????????		<a?href="#">跟換收是貨地址的陷阱！</a>
????????????????	</li>
????????????????	<li>
????????????????		<a?href="#">注意騙啊子的技術(shù)升級了！</a>
????????????????	</li>
????????????????</ul>
		????</div>
		????<div?class="mod">
????????????????<ul>
????????????????	<li>
????????????????		<a?href="#">走進(jìn)無聲課堂</a>
????????????????	</li>
????????????????	<li>
????????????????		<a?href="#">淘之行大眾評審贏公啊益</a>
????????????????	</li>
????????????????	<li>
????????????????		<a?href="#">愛心品牌聯(lián)合征集</a>
????????????????	</li>
????????????????	<li>
????????????????	????<a?href="#">名益機(jī)寶開攻略</a>
????????????????	</li>
????????????????</ul>
		????</div>
??????????????????</div>
		
	</div>
</body>	
</html>