选项卡切换，我这个代码哪里出现问题了，为什么不会切换的

源自：10-1 编程挑战

选项卡切换，我这个代码哪里出现问题了，为什么不会切换的

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

*{padding: 0;margin: 0;font-size: 12px;color:#000000; }

#all{width: 275px;margin: 0 auto;height:190px;margin-top:20px }

#all ul{text-align: center; height:32px;border-bottom: 2px #8B4513 solid;display: block;}

#all li{float:left;width: 80px;height:30px;border:1px #999 solid;display: inline-block;margin-left: 5px;line-height:30px;}

#all .ul1 .on{border-top: 2px solid #8B4513;border-bottom: 3px solid #FFF;}

#all div{border: 1px green solid;padding: 10px 0;line-height:30px;text-align:center;}

.hide{display: none;}

.show{display: block;}

</style>

window.onload = function(){

var div1=document.getElementById("all");

var alis=div1.getElementsByTagName("li");

var adiv=div1.getElementsByTagName("div");

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

alist[i].index=i

alist[i].onmouseover=function(){

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

alis[i].className=""

adiv[alist[i].index].className="hide"}

this.className="on";

adiv[this.index].className="";

}

</script>

</head>

<body>

</ul>

<div> 275万购昌平邻铁三居总价20万买一居<br>

200万内购五环三居 140万安家东三环<br>

北京首现零首付楼盘 53万购东5环50平<br>

京楼盘直降5000 中信府公园楼王现房<br>

</div>

<div>

40平出租屋大改造美少女的混搭小窝<br>

经典清新简欧爱家 90平老房焕发新生<br>

新中式的酷色温情 66平撞色活泼家居<br>

瓷砖就像选好老婆卫生间烟道的设计<br>

</div>

<div>

通州豪华3居260万二环稀缺2居250w甩<br>

西3环通透2居290万 130万2居限量抢购<br>

黄城根小学学区仅260万 121平70万抛!<br>

独家别墅280万苏州桥2居优惠价248万<br>

</div>

</body>

</html>

提问者：慕粉1703136593 2017-03-01 21:45

选项卡切换，我这个代码哪里出现问题了，为什么不会切换的

个回答