找了好久還是找不到問題所在：1cursor屬性沒有辦法顯示；2：JS中的三個onclick（）實現不了
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>選項卡切換</title>
<style type="text/css">
body{margin: 0px;padding: 0px;font: 12px normal "microsoft yahei";}
.top{width: 100px;position: relative;padding-top: 10%;left: 33.33%}
.top ul{width:242px;float: left;list-style: none;text-align: center;border-bottom: 2px saddlebrown solid;padding-top: 0px;display: block;}
.top ul li{ background: #fff;width: 70px;float: left;cursor: pointer;display: inline-block;border: 1px solid #aaa;border-bottom: none; text-align: center;}
.top ul li.on{border-top: 2px solid saddlebrown;border-bottom: 2px solid #fff;}
.con{ position: relative;left: 33.33%;padding-top: 32px;}
.con div{ width: 280px; position: relative; border: 1px solid #336699;border-top:none;line-height: 25px;}
.div1{display: block;}
.div2{display: none;}
.div3{display: none;}
</style>
</head>
<script type="text/javascript">
window.onload=function(){
var otop=document.getElementById('top');
var oli1=document.getElementById('l1');
var oli2=document.getElementById('l2');
var oli3=document.getElementById('l3');
var ocon=document.getElementById('con');
var odiv1=document.getElementById('div1');
var odiv2=document.getElementById('div2');
var odiv3=document.getElementById('div3');
alert(1);
oli1.onclick=function(){
alert(2);
oli1.className="on";
odiv1.style.display="block";
odiv2.style.display="none";
odiv3.style.display="none";
}
oli2.onclick=function(){
oli2.className="on";
odiv2.style.display="block";
odiv1.style.display="none";
odiv3.style.display="none";
}
oli3.onclick=function(){
oli3.className="on";
odiv3.style.display="block";
odiv2.style.display="none";
odiv3.style.display="none";
}
}
</script>
<body>
<div id="top">
<ul>
<li id="l1">房產</li>
<li id="l2">家居</li>
<li id="l3">二手房</li>
</ul>
</div>
<div id="con">
<div id="div1">
? ?275萬購昌平鄰鐵三居總價20萬買一居<br>
? ?200萬內購五環三居140萬安家東三環<br>北京首現零首付樓盤53萬購東5環50平<br>京樓盤直降5000 中信府 公園樓王現房<br>
</div>
<div id="div2">
?40平出租屋大改造美少女的混搭小窩<br>經典清新簡歐愛家90平老房煥發新生<br>
?新中式的酷色溫情66平撞色活潑家居<br>瓷磚就像選好老婆 衛生間煙道的設計<br>
</div>
<div id="div3">
通州豪華3居260萬二環稀缺2居250w甩<br>西3環通透2居290萬130萬2居限量搶購<br>
黃城根小學學區僅260萬121平70萬拋!<br>獨家別墅280萬 蘇州橋2居優惠價248萬<br>
</div>
</div>
</body>
</html>
