我的鼠标移动无法触发事件，怎么回事？
等風來丶
2016-01-11 16:40
<!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>
1回答
-
- 伊望岁月
- 2016-01-11 16:46:59
var z=d.getElementsBytagName("div");
改为
var z=d.getElementsByTagName("div");
JavaScript进阶篇
468813 学习 · 22582 问题
相似问题