<!DOCTYPE?html>
<html>
<head>
????<meta?charset="UTF-8">
????<title>實踐題?-?選項卡</title>
????<style?type="text/css">
?????/*?CSS樣式制作?*/??
???????
???????
????</style>
????<script?type="text/javascript">
????window.onload=function(){?????
????//?JS實現選項卡切換
????????var?a=document.getElementsByTagName("li");
????????var?b=document.getElementsByTagName("div");
????????for(var?i=0;i<a.length;i++)
????????{
????????????a[i].onmouseover=function(){
????????????????a[i].style.display="block";
????????????????};?
????????????a[i].onmouseout=function(){
????????????????b[i].style.display="none";
????????????}
????????}
????}
????</script>
?
</head>
<body>
<!--?HTML頁面布局?-->
<ul?style="list-style-type:none">
????<li>房產</li>
????<li>家居</li>
????<li>二手房</li>
</ul>
<div>
<p>275萬購昌平鄰鐵三居?總價20萬買一居</p>
<p>200萬內購五環三居?140萬安家東三環</p>
<p>北京首現零首付樓盤?53萬購東5環50平</p>
<p>京樓盤直降5000?中信府?公園樓王現房</p>
</div>
<div>
<p>40平出租屋大改造?美少女的混搭小窩</p>
<p>經典清新簡歐愛家?90平老房煥發新生</p>
<p>新中式的酷色溫情?66平撞色活潑家居</p>
<p>瓷磚就像選好老婆?衛生間煙道的設計</p>
</div>
<div>
<p>通州豪華3居260萬?二環稀缺2居250w甩</p>
<p>西3環通透2居290萬?130萬2居限量搶購</p>
<p>黃城根小學學區僅260萬?121平70萬拋!</p>
<p>獨家別墅280萬?蘇州橋2居優惠價248萬</p>
</div>
</body>
</html>
2015-07-17
for(var?i=0;i<a.length;i++)????????{ ????????????a[i].id=i; ????????????a[i].onmouseover=function(){ ????????????????b[this.id].style.display="block"; ????????????????};? ????????????a[i].onmouseout=function(){ ????????????????b[this.id].style.display="none"; ????????????} ????????}這樣行嗎？
2015-07-17
?a[i].style.display="block"; ?應該是b[i]