亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

請問老師我這里是那里出了問題

<!DOCTYPE html>

<html>

<head>

? ? <meta charset="UTF-8">

? ? <title>實踐題 - 選項卡</title>

? ? <style type="text/css">

? ? ?/* CSS樣式制作 */ ?

? ? *{padding:0px margin:0px font:12px normal "microsoft yahei"}?

? ? #tabs{

? ? ? ? width:290px; padding:5px; height:150px; margin:20px;

? ? }

? ? #tabs ul{

? ? ? ? list-style:none; display:block; height:30px; line-height:30px; border-bottom:2px saddlebrown solid;

? ? }

? ? #tabs ul li{

? ? ? ? background:#fff; cursor:pointer; float:left; list-style:none; height:28px; line-height:28px; margin:0px 3px; border:1px solid #aaa; border-bottom:none; display:inline-block; width:60px; text-align:center;

? ? }

? ? #tabs ul li .on{

? ? ? ? border-top:2px solid saddlebrown; border-bottom:2px solid #fff;

? ? }

? ? #tabs div{

? ? ? ? height:120px; line-height:20px; border:1px solid #336699; border-top:none; padding=5px;

? ? }

? ? .hide{display:none;}

? ? ? ?

? ? </style>

? ? <script type="text/javascript"> ? ??

? ? // JS實現選項卡切換

? ? window.onload= function(){

? ? ? ? var oTab=document.getElementById("tabs");

? ? ? ? var oUl=oTab.getElementsByTagName("ul")[0];

? ? ? ? var oLis=oUl.getElementsByTagName("li");

? ? ? ? var oDivs=oTab.getElementsByTagName("div");

? ? ? ? for(var i=0;i<oLis.length;i++){

? ? ? ? ? ? oLis[i].index = i;

? ? ? ? ? ? oLis[i].onclick = function(){

? ? ? ? ? ? ? ? for(var n=0;n<oLis.length;n++){

? ? ? ? ? ? ? ? ? ? oLis[n].className ="";

? ? ? ? ? ? ? ? ? ? oDivs[n].className ="hide";

? ? ? ? ? ? ? ? }

? ? ? ? ? ? this.className ="on";

? ? ? ? ? ? oDiv[this.index].className ="";

? ? ? ? ? ? }

? ? ? ? }

? ? }

? ??

? ? </script>

?

</head>

<body>

<!-- HTML頁面布局 -->

<div id="tabs">

? ? <ul>

? ? ? ? <li>房產</li>

? ? ? ? <li>家居</li>

? ? ? ? <li>二手房</li>

? ? </ul>

? ? <div>

? ? 275萬購昌平鄰鐵三居 總價20萬買一居

? ? 200萬內購五環三居 140萬安家東三環

? ? 北京首現零首付樓盤 53萬購東5環50平

? ? 京樓盤直降5000 中信府 公園樓王現房

? ? </div>

? ? <div>

? ? ?40平出租屋大改造 美少女的混搭小窩

? ? ?經典清新簡歐愛家 90平老房煥發新生

? ? ?新中式的酷色溫情 66平撞色活潑家居

? ? ?瓷磚就像選好老婆 衛生間煙道的設計 ? ?

? ? </div>

? ? <div>

? ? ?通州豪華3居260萬 二環稀缺2居250w甩

? ? ?西3環通透2居290萬 130萬2居限量搶購

? ? ?黃城根小學學區僅260萬 121平70萬拋!

? ? ?獨家別墅280萬 蘇州橋2居優惠價248萬 ??

? ? </div>

</div>

?

</body>

</html>


正在回答

2 回答

oDivs[this.index].className = ""

這句話。oDivs少個s

0 回復 有任何疑惑可以回復我~
#1

品茗見南山

加油。其他地方看同學們的代碼學習吧
2015-07-02 回復 有任何疑惑可以回復我~

右側有源碼,你對照一下

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

請問老師我這里是那里出了問題

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號