想不通,找不出問題
<!DOCTYPE html>
<html>
<head>
? ? <meta charset="UTF-8">
? ? <title>實踐題 - 選項卡</title>
? ? <style type="text/css">
? ? ?/* CSS樣式制作 */ ?
? ? ?*{margin: 0;padding: 0;font-size: 14px;font-family: "微軟雅黑";}
? ? ?ul {list-style: none;}
? ? ?a {color: #000;text-decoration: none;}
? ? ?.warpper {
? ? ? ? width: 320px;
? ? ? ? margin-top: 10px;
? ? ? ? overflow: hidden;
? ? ? ? }
? ? .nav {
? ? ? ? height: 33px;
? ? ? ? text-indent: 5px;
? ? ? ? border-bottom:3px solid #900;
? ? }
? ? .nav li {
? ? ? ? ?display: inline-block;
? ? ? ? ?width: 70px;
? ? ? ? ?height: 31px;
? ? ? ? ?line-height: 31px;
? ? ? ? ?text-align: center;
? ? ? ? ?border:1px solid #ddd;
? ? ? ? ?border-bottom:none;
? ? ? ? ?cursor: pointer;
? ? ?}
? ? #checked {
? ? ? ? ?border-top: 3px solid #900;
? ? ? ? ?border-bottom: 3px solid #fff;
? ? ?}
? ? .main {
? ? ? ? height: 140px;
? ? ? ? line-height: 30px;
? ? ? ? padding: 5px;
? ? ? ? border:2px solid #ddd;
? ? ? ? border-top:none;
? ? ?}
? ? .hidden {
? ? ? ? display: none;
? ? }?
? ? </style>
? ? <script type="text/javascript"> ? ??
? ? // JS實現選項卡切換
? ? window.onload = function {
? ? ? var ul1 = document.getElementById("ul1");
? ? ? var li = ul1.getElementsByTagName("li");
? ? ? var content = document.getElementById("content");
? ? ? var div = content.getElementsByTagName("div");
? ? ? for (var i=0;i<li.length;i++) {
? ? ? ? ? li[i].index = i;
? ? ? ? ? li[i].onmouseover = function() {
? ? ? ? ? ? for (var j=0;j<li.length;j++) {
? ? ? ? ? ? li[j].id = ""; ??
? ? ? ? ? ? div[j].className = "hidden";
? ? ? ? ? ? ? }
? ? ? ? ? this.id = "checked";
? ? ? ? ? div[this.index].className = "main";
? ? ? ? ? } ?
? ? ? }
? ? }
? ??
? ? </script>
</head>
<body>
<!-- HTML頁面布局 -->
<div>
? <div>
? ? <ul id="ul1">
? ? ? <li id="checked">房產</li>
? ? ? <li>家居</li>
? ? ? <li>二手房</li>
? ? </ul>
? </div>
? <div id="content">
? ? ? <div>
? ? ? <ul>
? ? ? ? ? <li><a href="#1" title="maibumai" target="_blank">275萬購昌平鄰鐵三居 總價20萬買一居</a></li>
? ? ? ? ? <li><a href="#2" title="maibumai" target="_blank">200萬內購五環三居 140萬安家東三環</a></li>
? ? ? ? ? <li><a href="#3" title="maibumai" target="_blank">北京首現零首付樓盤 53萬購東5環50平</a></li>
? ? ? ? ? <li><a href="#4" title="maibumai" target="_blank">京樓盤直降5000 中信府 公園樓王現房</a></li>
? ? ? </ul>
? ? ? </div>
? ? ?<div>
? ? ? <ul>
? ? ? ? ? <li><a href="#1" title="maibumai" target="_blank">40平出租屋大改造 美少女的混搭小窩居</a></li>
? ? ? ? ? <li><a href="#2" title="maibumai" target="_blank">經典清新簡歐愛家 90平老房煥發新生</a></li>
? ? ? ? ? <li><a href="#3" title="maibumai" target="_blank">新中式的酷色溫情 66平撞色活潑家居</a></li>
? ? ? ? ? <li><a href="#4" title="maibumai" target="_blank">瓷磚就像選好老婆 衛生間煙道的設計</a></li>
? ? ? </ul>
? ? ? </div>
? ? ? <div>
? ? ? <ul>
? ? ? ? ? <li><a href="#1" title="maibumai" target="_blank">通州豪華3居260萬 二環稀缺2居250w甩</a></li>
? ? ? ? ? <li><a href="#2" title="maibumai" target="_blank">西3環通透2居290萬 130萬2居限量搶購</a></li>
? ? ? ? ? <li><a href="#3" title="maibumai" target="_blank">黃城根小學學區僅260萬 121平70萬拋!</a></li>
? ? ? ? ? <li><a href="#4" title="maibumai" target="_blank">獨家別墅280萬 蘇州橋2居優惠價248萬</a></li>
? ? ? </ul>
? ? ? </div>
? ? </div>
</div>
</body>
</html>
為什么運行不了,跟別人的代碼方法是一樣的,可到了我自己這就是實現不了效果。
問題出在哪?望大神解答,萬分感謝?。。。。。?!
2016-11-16
window.onload = function()這里少了括號