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

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

求大神指教:為什么切換不了?

<!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 #aaaaaa;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: 25px;border:1px solid #336699;border-top:none;padding:5px;}

? ? ? ? .hide{display: none;}??

? ? </style>

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

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

? ? window.onload = function{

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

? ? ? ? var Lis = document.getElementsByTagName("li");

? ? ? ? var Div = Tab.getElementsByTagName("div");

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

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

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

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

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

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

? ? ? ? ? ? ? ? }

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

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

? ? ? ? ? ? }

? ? ? ? }

? ? }

? ?</script>

</head>

<body>

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

<div id="tabs">

? ? <ul>

? ? ? ? <li class="on">房產</li>

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

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

? ? </ul>

? ? <div>

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

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

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

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

? ? </div>

? ? <div class="hide">

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

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

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

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

? ? </div>

? ? <div class="hide">

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

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

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

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

? ? </div>

</div>

</body>

</html>


正在回答

2 回答

大佬,幫幫忙,看一下我的那個問題

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

老夫經過了代碼30年的觀寫經驗,你的錯誤在于少些了兩個括號。。隨著老夫的指向看https://img1.sycdn.imooc.com//5c3ff7f10001e68001890026.jpg

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

舉報

0/150
提交
取消
JavaScript進階篇
  • 參與學習       468965    人
  • 解答問題       22582    個

本課程從如何插入JS代碼開始,帶您進入網頁動態交互世界

進入課程

求大神指教:為什么切換不了?

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

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

幫助反饋 APP下載

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

公眾號

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