為什么點(diǎn)擊“家居”和“二手房”下面的文本不變化?
<!DOCTYPE html>
<html>
<head>
? ? <meta charset="UTF-8">
? ? <title>實(shí)踐題 - 選項(xiàng)卡</title>
? ? <style type="text/css">
? ? ?/* CSS樣式制作 */ ?
? ? ?*{margin:0;padding:0;}
? ? ul{list-style:none;}
? ? li{float:left;border:1px;padding-top:5px;padding-bottom:5px;padding-left:10px;padding-right:10px;border:solid 1px gray;margin-right:5px;margin-top:10px;width:50px;text-align:center;}
? ? .hide{display:none;}
? ? ?.active{display:block;}
? ? </style>
? ? <script type="text/javascript">
? ? ? ? ?
? ? // JS實(shí)現(xiàn)選項(xiàng)卡切換
? ? var fangchan=document.getElementById("fangchan");
? ? var jiaju=document.getElementById("jiaju");
? ? var ershou=document.getElementById("ershou");
? ??
? ? function change(num)
? ? {
? ? ? ? switch(parseInt(num)){
? ? ? ? case 1:break;
? ? ? ? case 2:jiaju.className="active";
? ? ? ? ? ? ? ?fangchan.className="hide";
? ? ? ? ? ? ? ?break;
? ? ? ? case 3:ershou.className="active";
? ? ? ? ? ? ? ?fangchan.className="hide";
? ? ? ? ? ? ? ?break;
? ? ? ? default:break;
? ? ? ? }
? ? }
? ? </script>
?
</head>
<body>
<!-- HTML頁(yè)面布局 -->
<ul>
? ? <li onclick="change(1)" >房產(chǎn)</li>
? ? <li onclick="change(2)">家居</li>
? ? <li onclick="change(3)">二手房</li>
</ul>
<br><br><br>
<div id="fangchan">
? ? 275萬(wàn)購(gòu)昌平鄰鐵三居 總價(jià)20萬(wàn)買一居<br>
? ? 200萬(wàn)內(nèi)購(gòu)五環(huán)三居 140萬(wàn)安家東三環(huán)<br>
? ? 北京首現(xiàn)零首付樓盤(pán) 53萬(wàn)購(gòu)東5環(huán)50平<br>
? ? 京樓盤(pán)直降5000 中信府 公園樓王現(xiàn)房
</div>
<br>
<div id="jiaju">
? ? 40平出租屋大改造 美少女的混搭小窩<br>
? ? 經(jīng)典清新簡(jiǎn)歐愛(ài)家 90平老房煥發(fā)新生<br>
? ? 新中式的酷色溫情 66平撞色活潑家居<br>
? ? 瓷磚就像選好老婆 衛(wèi)生間煙道的設(shè)計(jì)
</div>
<br>
<div id="ershou">
? ? 通州豪華3居260萬(wàn) 二環(huán)稀缺2居250w甩<br>
? ? 西3環(huán)通透2居290萬(wàn) 130萬(wàn)2居限量搶購(gòu)<br>
? ? 黃城根小學(xué)學(xué)區(qū)僅260萬(wàn) 121平70萬(wàn)拋!<br>
? ? 獨(dú)家別墅280萬(wàn) 蘇州橋2居優(yōu)惠價(jià)248萬(wàn)<br>
</div>
?
</body>
</html>
2017-02-15
num是什么?