<style type="text/css">
ul{
list-style: none;
}
*{
margin: 0px;
padding: 0px;
}
div{
width: 300px;
height: 200px;
background: gray;
display: none;
}
.ys1{
display: block;
}
.ys2{
background: red;
}
.ys3{
display: none;
}
</style>
<script type="text/javascript">
var obtn=document.getElementsByTagName('input');
var odiv=document.getElementsByTagName('div');
for(var i=0;i<obtn.length;i++){
var obtn[i].index=i;
obtn[i].onmouseover=function (){
for (j=0;j<obtn.length;j++){
obtn[j].className='';
odiv[j].className='ys3';
}
this.className='ys2';
odiv[this.index].className='ys1';
}
}
</script>
</head>
<body>
<input type="button" name="a" value="房产" class="ys2">
<input type="button" name="a" value="家具">
<input type="button" name="a" value="二手房">
<div class="ys1">
<ul>
<li> 275万购昌平邻铁三居 总价20万买一居</li>
<li>200万内购五环三居 140万安家东三环</li>
<li>北京首现零首付楼盘 53万购东5环50平</li>
<li>京楼盘直降5000 中信府 公园楼王现房</li>
</ul>
</div>
<div>
<ul>
<li>40平出租屋大改造 美少女的混搭小窝</li>
<li>经典清新简欧爱家 90平老房焕发新生</li>
<li>新中式的酷色温情 66平撞色活泼家居</li>
<li>瓷砖就像选好老婆 卫生间烟道的设计</li>
</ul>
</div>
<div>
<ul>
<li>通州豪华3居260万 二环稀缺2居250w甩</li>
<li>西3环通透2居290万 130万2居限量抢购</li>
<li>黄城根小学学区仅260万 121平70万抛!</li>
<li>独家别墅280万 苏州桥2居优惠价248万</li>
</ul>
</div>
</body>
</html>
var obtn[i].index=i; //obtn已声明，并且只是对属性赋值不用var
所有执行代码都要放在window.onload=function(){}里，因为你的代码需要等页面加载完才能执行不然获取不到对象