<!DOCTYPE?html>
<html>
<head>
????<meta?charset="UTF-8">
????<title>實(shí)踐題?-?選項(xiàng)卡</title>
????<style?type="text/css">
?????/*?CSS樣式制作?*/??
???????
???????
????</style>
????<script?type="text/javascript">
????window.onload=function(){?????
????//?JS實(shí)現(xiàn)選項(xiàng)卡切換
????????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頁(yè)面布局?-->
<ul?style="list-style-type:none">
????<li>房產(chǎn)</li>
????<li>家居</li>
????<li>二手房</li>
</ul>
<div>
<p>275萬(wàn)購(gòu)昌平鄰鐵三居?總價(jià)20萬(wàn)買一居</p>
<p>200萬(wàn)內(nèi)購(gòu)五環(huán)三居?140萬(wàn)安家東三環(huán)</p>
<p>北京首現(xiàn)零首付樓盤?53萬(wàn)購(gòu)東5環(huán)50平</p>
<p>京樓盤直降5000?中信府?公園樓王現(xiàn)房</p>
</div>
<div>
<p>40平出租屋大改造?美少女的混搭小窩</p>
<p>經(jīng)典清新簡(jiǎn)歐愛(ài)家?90平老房煥發(fā)新生</p>
<p>新中式的酷色溫情?66平撞色活潑家居</p>
<p>瓷磚就像選好老婆?衛(wèi)生間煙道的設(shè)計(jì)</p>
</div>
<div>
<p>通州豪華3居260萬(wàn)?二環(huán)稀缺2居250w甩</p>
<p>西3環(huán)通透2居290萬(wàn)?130萬(wàn)2居限量搶購(gòu)</p>
<p>黃城根小學(xué)學(xué)區(qū)僅260萬(wàn)?121平70萬(wàn)拋!</p>
<p>獨(dú)家別墅280萬(wàn)?蘇州橋2居優(yōu)惠價(jià)248萬(wàn)</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"; ?應(yīng)該是b[i]