请问我的代码哪出了问题?看了好久了头都晕了,跟答案差不多啊

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>实践题 - 选项卡</title>
 
    <style type="text/css">
     *{margin:0;padding:0;font:normal 12px "微软雅黑";color:#000000;}
     ul{list-style-type: none;}
     a{text-decoration: none;}

     #tab-list{width: 275px;height:190px;margin: 20px auto;}

     #ul1{border-bottom: 2px solid #8B4513;height: 32px;}
     #ul1 li{display: inline-block;width: 60px;line-height: 30px;text-align: center;border: 1px solid #999;border-bottom: none;margin-left: 5px;}
     #ul1 li:hover{cursor: pointer;}
     #ul1 li.active{border-top:2px solid #8B4513;border-bottom:2px solid #FFFFFF;}

     #tab-list div{border: 1px solid #7396B8;border-top: none;}
     #tab-list div li{height: 30px;line-height: 30px;text-indent: 8px;}
    
     .show{display: block;}.hide{display: none;}
 
      
      
    </style>
   
    <script type="text/javascript">
      window.onload=function(){
         var otab=document.getElementById("tabs");
         var li=document.getElementsByTagName("li");
         var otabs=otab.getElementsByTagName("div");
         for(var i=0;i<li.length;i++){
            li[i].index=i;
            li[i].onclick=function(){
                for(var j=0;j<li.length;j++){
                    li[j].className="";
                    otabs[j].className="hide";
                }
                this.className="on";
                otabs[this.index].className="";
            };
           
         }  
      }
   
    </script>
 
</head>
<body>
<!-- HTML页面布局 -->
    <div id="tabs">
    <ul>
    <li>"房产:"</li>
    <li>"家居:"</li>
    <li>"二手房:"</li>
    </ul>
    <div>
    "整个选项卡的样式设置<br>
     选项卡标题的样式设置<br>
     选项卡内容的样式设置<br>
     一开始只显示一个选项卡内容,其它选项卡内容隐藏。"<br>
   
   
    </div>
    <div>
    "40平出租屋大改造 美少女的混搭小窝<br>
     经典清新简欧爱家 90平老房焕发新生<br>
     新中式的酷色温情 66平撞色活泼家居<br>
     瓷砖就像选好老婆 卫生间烟道的设计"<br>
   
   
    </div>
    <div>
    "通州豪华3居260万 二环稀缺2居250w甩<br>
     西3环通透2居290万 130万2居限量抢购<br>
     黄城根小学学区仅260万 121平70万抛!<br>
     独家别墅280万 苏州桥2居优惠价248万<br>
 "
   
   
    </div>
</div>
 
</body>
</html>

 

北极的大熊
浏览 1312回答 2
2回答
打开App,查看更多内容
随时随地看视频慕课网APP