我的鼠標移動無法觸發事件，怎么回事？
<!doctype html>
<html>
?<head>
? <meta charset="UTF-8">
? <meta name="Generator" content="EditPlus?">
? <meta name="Author" content="">
? <meta name="Keywords" content="">
? <meta name="Description" content="">
<title> 檢索事件 </title>
<script type="text/javascript"> ??
? ? ? window.onload=function()
? ? ? {
?var x=document.getElementById("u");
?var y=x.getElementsByTagName("li");
?var q=document.getElementById("d");
?var z=d.getElementsBytagName("div");
?for(var i=0;i<y.length;i++)
?{
? ? y[i].index = i;
? ? ? ? ? ? y[i].onmouseover = function() {
? ? ? ? ? ? ? ? for(var i = 0; i < y.length; i++) {
? ? ? ? ? ? ? ? ? ? y[i].className = "";
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? this.className = "one";
? ? ? ? ? ? ? ? for(var j = 0; j < z.length; j++) {
? ? ? ? ? ? ? ? ? ? z[j].className = "hide";
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? z[this.index].className = "show";
? ? ? ? ? ? } ? ? ? ?
?}
?}
</script> ?
<style type="text/css">
*{margin:0px;padding:0px}
.ALL{width:280px;height:300px;;margin:10px auto;}
.ALL a{text-decoration:none;}
.ALL .top{width:100%;height:25px;}
.ALL .top ul{list-style:none;height:23px;border-bottom:2px solid #8B4412;}
.ALL .top ul li{float:left;width:65px;height:23px;font-size:20px;text-align:center;font-family:楷體;margin-right:5px;border-top:1px solid #C8C5CA;border-left:1px solid #C8C5CA;border-right:1px solid #C8C5CA;}
.ALL .top ul li:hover{cursor: pointer;}
.ALL .top ul li.one{height:21px;border-top:2px solid #8B4412;border-left:1px solid #C8C5CA;border-bottom:2px solid #FFFFFF;}
.hide{display: none;}
.show{display: block;}
.main{width:100%;height:275px;border-left:2px solid #E0E0E0;border-right:2px solid #E0E0E0;border-bottom:2px solid #E0E0E0;}
</style>
</head>
<body>
<div>
<div>
<ul id="u">
<li>房產</li>
<li>家居</li>
<li>二手房</li>
</ul>
</div>
<div ?id="d">
<div>
? ? ? ? <a href="www.baidu.com">275萬購昌平鄰鐵三居 總價20萬買一居</a><br/>
? ? ? ? <a href="www.baidu.com">200萬內購五環三居 140萬安家東三環</a><br/>
? ? ? ? <a href="www.baidu.com">北京首現零首付樓盤 53萬購東5環50平</a><br/>
? ? ? ? <a href="www.baidu.com">京樓盤直降5000 中信府 公園樓王現房</a><br/>
? ? </div>
? ? <div class="hide">
? ? ? ? <a href="www.baidu.com">40平出租屋大改造 美少女的混搭小窩</a><br/>
? ? ? ? <a href="www.baidu.com">經典清新簡歐愛家 90平老房煥發新生</a><br/>
? ? ? ? <a href="www.baidu.com">新中式的酷色溫情 66平撞色活潑家居</a><br/>
? ? ? ? <a href="www.baidu.com">瓷磚就像選好老婆 衛生間煙道的設計</a><br/>
? ? </div>
? ? <div class="hide">
? ? ? ? <a href="www.baidu.com">通州豪華3居260萬 二環稀缺2居250w甩</a><br/>
? ? ? ? <a href="www.baidu.com">西3環通透2居290萬 130萬2居限量搶購</a><br/>
? ? ? ? <a href="www.baidu.com">黃城根小學學區僅260萬 121平70萬拋!</a><br/>
? ? ? ? <a href="www.baidu.com">獨家別墅280萬 蘇州橋2居優惠價248萬</a><br/>
? ? </div>
</div>
</div>
</body>
</html>
2016-01-11
var z=d.getElementsBytagName("div");
改為
var z=d.getElementsByTagName("div");