<!DOCTYPE?html>
<html>
<head>
????<meta?charset="UTF-8">
????<title>實踐題?-?選項卡</title>
????<style?type="text/css">
?????/*?CSS樣式制作?*/??
?????*{font-family:微軟雅黑;font-size:13px;}
?????div,td{border:1px?solid?#888888;}
?????td{height:30px;width:60px;text-align:center;cursor:pointer;}
?????.content_1,.content_2,.content_3{height:150px;width:300px;margin-top:-2px;padding-top:10px;border-top:2px?solid?brown;line-height:200%;}
?????.content_2,.content_3{display:none;}
????</style>
????<script?type="text/javascript">
????????window.onload?=?function()
????????{
????????????var?a=document.getElementsByTagName("td");
????????????document.getElementById("hah").value="執(zhí)行到了onload里面";
????????????for(var?i=0;i<a.length;i++)
????????????{
????????????????change(a[i],i);
????????????}
????????}
????
???????function?change(obj,i)
???????{
???????????obj.onclick=function()
???????????{
???????????????for(var?h=0;h<=2;h++)
???????????????{
???????????????????document.getElementById("hah").value=h;
???????????????????if(h==i)
???????????????????{
????????????????????????document.getElementsByClassName(content).style.display="block";
?????????????obj.style.borderTop="1px?solid?brown";
?????????????var?content="content_"+(i+1);
?????????????????????????document.getElementById("hah").value=content;
???????????????????}
???????????????????else
???????????????????{
???????????????????????document.getElementsByClassName(content).style.display="none";
???????????????????}
???????????????????
???????????????}
???????????????????
??????????????
?????????????
???????????}
???????}
????</script>
?
</head>
<body>
<!--?HTML頁面布局?-->
<table>
????<tr>
????????<td>房產(chǎn)</td>
????????<td>家居</td>
????????<td>二手房</td>
????</tr>
</table>
<div>
?????275萬購昌平鄰鐵三居?總價20萬買一居<br>
?????200萬內(nèi)購五環(huán)三居?140萬安家東三環(huán)<br>
?????北京首現(xiàn)零首付樓盤?53萬購東5環(huán)50平<br>
?????京樓盤直降5000?中信府?公園樓王現(xiàn)房
</div>
<div>
?????40平出租屋大改造?美少女的混搭小窩<br>
?????經(jīng)典清新簡歐愛家?90平老房煥發(fā)新生<br>
?????新中式的酷色溫情?66平撞色活潑家居<br>
?????瓷磚就像選好老婆?衛(wèi)生間煙道的設(shè)計
</div>
<div>
?????通州豪華3居260萬?二環(huán)稀缺2居250w甩<br>
?????西3環(huán)通透2居290萬?130萬2居限量搶購<br>
?????黃城根小學(xué)學(xué)區(qū)僅260萬?121平70萬拋!<br>
?????獨家別墅280萬?蘇州橋2居優(yōu)惠價248萬
</div>
<input?id="hah"?type="text">
</body>
</html>
2017-03-03
寫得太亂了吧,完全不知道是什么邏輯。