大神幫我看看到底是哪里的問題
<!DOCTYPE html>
<html>
<head>
? ? <meta charset="UTF-8">
? ? <title>實踐題 - 選項卡</title>
? ? <style type="text/css">
? ? ?/* CSS樣式制作 */??
? ? ? ?.all
? ? ? ?{
? ? ? ? ? ?margin:0px;
? ? ? ? ? ?padding:0px;
? ? ? ? ? ?width:312px;
? ? ? ? ? ?height:300px;
? ? ? ? ? ?border:black;
? ? ? ? ? ?border-style:solid;
? ? ? ? ? ?border-width:10px;
? ? ? ?}
? ? ? ?.nav
? ? ? ?{
? ? ? ? ??
? ? ? ? ? ?margin:0px;
? ? ? ? ? ?padding:0px;
? ? ? ? ? ?width:100px;
? ? ? ? ? ?height:50px;
? ? ? ? ? ?border:black solid 2px;
? ? ? ? ? ?float:left;
? ? ? ? ? ?box-shadow:4px;
? ? ? ? ? ?background-color:gray;
? ? ? ?}
? ? ? ?.nav h4
? ? ? ?{
? ? ? ? ? ? position:absolute;
? ? ? ? ? ? top:2%;
? ? ? ? ? ? margin-left:23px;
? ? ? ?}
? ? ? ?.nav h4:active{top:16px;}
? ? ? ?.mes_box
? ? ? ?{
? ? ? ? ? ?margin-top:52px;
? ? ? ? ? ?position:relative;
? ? ? ? ? ?word-wrap:break-word;
? ? ? ? ? ?word-break:break-all;
? ? ? ?}
? ? ? ?.hide{ display:none; }
? ? </style>
? ? <script type="text/javascript">
? ? // JS實現(xiàn)選項卡切換
? ? ? ? window.onload=function()
? ? ? ? {
? ? ? ? ? ?var defaultLook?
? ? ? ? ? ?= document.getElementsByTagName("ul")[0];
? ? ? ? ? ?defaultLook.style.display="block";
? ? ? ? }
? ? ? ??
? ? ? ? function change()
? ? ? ? {
? ? ? ? ? ? var lists = document.getElementsByTagName("h4");
? ? ? ? ? ? for(var i=0;i<lists.length;i++){
? ? ? ? ? ? ? lists[i].index = i;
? ? ? ? ? ? ? lists.onmouseover = function(){
? ? ? ? ? ? ? ? var j=this.index;??
? ? ? ? ? ? ? ? var ul=document.getElementsByTagName("ul");
? ? ? ? ? ? ? ? ul.style.display="none";?
? ? ? ? ? ? ? ? ul[j].style.display="block";
? ? ? ? ? ? ? ? }
? ? ? ? ? ? }
? ? ? ? }
? ? </script>
?
</head>
<body>
<!-- HTML頁面布局 -->
? ?<div class="all">
? ? ? ?<div class="nav">
? ? ? ? ? <h4><a href="javascript:;">房 產(chǎn)：</a></h4>
? ? ? ?</div>
? ? ? ?<div class="nav">
? ? ? ? ? <h4><a href="javascript:;">家 居：</a></h4>??
? ? ? ?</div>
? ? ? ?<div class="nav">
? ? ? ? ? <h4><a href="javascript:;">二手房：</a></h4>?
? ? ? ?</div>
? ? ? ?<div class="mes_box">
? ? ? ? ??
? ? ? ? <ul class="hide">
? ? ? ? ? ? <li><a href="javascript:;">275萬購昌平鄰鐵三居 總價20萬買一居</a></li>
? ? ? ? ? ? <li><a href="javascript:;">200萬內(nèi)購五環(huán)三居 140萬安家東三環(huán)</a></li>
? ? ? ? ? ? <li><a href="javascript:;">北京首現(xiàn)零首付樓盤 53萬購東5環(huán)50平</a></li>
? ? ? ? ? ? <li><a href="javascript:;">京樓盤直降5000 中信府 公園樓王現(xiàn)房</a></li>
? ? ? ? </ul>
? ? ? ? ??
? ? ? ? ??
? ? ? ? <ul class="hide">
? ? ? ? ? ? <li><a href="javascript:;">40平出租屋大改造 美少女的混搭小窩</a></li>
? ? ? ? ? ? <li><a href="javascript:;">經(jīng)典清新簡歐愛家 90平老房煥發(fā)新生</a></li>
? ? ? ? ? ? <li><a href="javascript:;">新中式的酷色溫情 66平撞色活潑家居</a></li>
? ? ? ? ? ? <li><a href="javascript:;">瓷磚就像選好老婆 衛(wèi)生間煙道的設計</a></li>
? ? ? ? </ul>
? ? ? ? ??
? ? ? ? ??
? ? ? ? <ul class="hide">
? ? ? ? ? ? <li><a href="javascript:;">通州豪華3居260萬 二環(huán)稀缺2居250w甩</a></li>
? ? ? ? ? ? <li><a href="javascript:;">西3環(huán)通透2居290萬 130萬2居限量搶購</a></li>
? ? ? ? ? ? <li><a href="javascript:;">黃城根小學學區(qū)僅260萬 121平70萬拋!</a></li>
? ? ? ? ? ? <li><a href="javascript:;">獨家別墅280萬 蘇州橋2居優(yōu)惠價248萬</a></li>
? ? ? ? </ul>
? ? ? ? ??
? ? ? ? </div>
? ?</div>
</body>
</html>
2018-09-14
你看看同學代碼比較好。你這個思路很混亂
2018-09-13
求大神啊。