我的鼠標(biāo)移動(dòng)無(wú)法觸發(fā)事件，怎么回事？
<!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>房產(chǎn)</li>
<li>家居</li>
<li>二手房</li>
</ul>
</div>
<div ?id="d">
<div>
? ? ? ? <a href="www.baidu.com">275萬(wàn)購(gòu)昌平鄰鐵三居 總價(jià)20萬(wàn)買一居</a><br/>
? ? ? ? <a href="www.baidu.com">200萬(wàn)內(nèi)購(gòu)五環(huán)三居 140萬(wàn)安家東三環(huán)</a><br/>
? ? ? ? <a href="www.baidu.com">北京首現(xiàn)零首付樓盤 53萬(wàn)購(gòu)東5環(huán)50平</a><br/>
? ? ? ? <a href="www.baidu.com">京樓盤直降5000 中信府 公園樓王現(xiàn)房</a><br/>
? ? </div>
? ? <div class="hide">
? ? ? ? <a href="www.baidu.com">40平出租屋大改造 美少女的混搭小窩</a><br/>
? ? ? ? <a href="www.baidu.com">經(jīng)典清新簡(jiǎn)歐愛家 90平老房煥發(fā)新生</a><br/>
? ? ? ? <a href="www.baidu.com">新中式的酷色溫情 66平撞色活潑家居</a><br/>
? ? ? ? <a href="www.baidu.com">瓷磚就像選好老婆 衛(wèi)生間煙道的設(shè)計(jì)</a><br/>
? ? </div>
? ? <div class="hide">
? ? ? ? <a href="www.baidu.com">通州豪華3居260萬(wàn) 二環(huán)稀缺2居250w甩</a><br/>
? ? ? ? <a href="www.baidu.com">西3環(huán)通透2居290萬(wàn) 130萬(wàn)2居限量搶購(gòu)</a><br/>
? ? ? ? <a href="www.baidu.com">黃城根小學(xué)學(xué)區(qū)僅260萬(wàn) 121平70萬(wàn)拋!</a><br/>
? ? ? ? <a href="www.baidu.com">獨(dú)家別墅280萬(wàn) 蘇州橋2居優(yōu)惠價(jià)248萬(wàn)</a><br/>
? ? </div>
</div>
</div>
</body>
</html>
2016-01-11
var z=d.getElementsBytagName("div");
改為
var z=d.getElementsByTagName("div");