<!DOCTYPE?html>
<html?lang="en">
<head>
<meta?charset="UTF-8">
<meta?name="viewport"?content="width=device-width,?initial-scale=1.0">
<meta?http-equiv="X-UA-Compatible"?content="ie=edge">
<title>Document</title>
<style>
????????body,div,ul,li,p{margin:0;padding:0;}
????????body{font:12px/1.5?Arial;}
????????ul{list-style-type:none;}
????????#nav,#nav?ul,#nav?ul?li,#nav?ul?li?a:hover,#nav?.subnav,#nav?.subnav?p,#nav?.subnav?p?span,#nav?.subnav?.arrow{background:url(img/nav_bg.png)?no-repeat;}
????????#nav{position:relative;width:910px;background-position:0?-36px;margin:10px?auto;}
????????#nav?ul{height:36px;line-height:36px;margin-left:10px;padding-right:10px;overflow:hidden;background-position:right?-72px;}
????????#nav?ul?li{float:left;width:110px;margin-left:-2px;background-position:0?-108px;}
????????#nav?ul?li?a{font-size:14px;color:#fff;width:102px;display:block;text-align:center;text-decoration:none;margin:0?2px?0?4px;}
????????#nav?ul?li?a:hover{font-weight:700;background-position:-3px?-144px;}
????????#nav?.subnav{display:none;position:absolute;top:41px;width:auto!important;min-width:110px;height:27px;line-height:27px;white-space:nowrap;background-position:0?-180px;}
????????#nav?.subnav?p{margin-left:10px;padding-right:10px;background-position:right?-234px;}
????????#nav?.subnav?p?span{display:block;color:#235e99;background-repeat:repeat-x;background-position:0?-207px;}
????????#nav?.subnav?p?a{font-size:12px;display:inline;color:#235e99;text-decoration:none;margin:0?5px;padding:0?2px;}
????????#nav?.subnav?p?a:hover{font-weight:400;background-image:none;border-bottom:2px?solid;}
????????#nav?.subnav?.arrow{position:absolute;top:-4px;display:block;width:11px;height:5px;background-position:0?-261px;}
????</style>
</head>
<body>
<div?id="nav">
<ul>
<li><a?href="javascript:;">站長之家</a></li>
<li>
<a?href="javascript:;">行業資訊</a>
<div?class="subnav">
<em?class="arrow"></em>
<p>?????????
<span>
<a?href="javascript:;">業界動態</a>|
<a?href="javascript:;">收購融資</a>|
<a?href="javascript:;">門戶動態</a>|
<a?href="javascript:;">搜索引擎</a>|
<a?href="javascript:;">網絡游戲</a>|
<a?href="javascript:;">電子商務</a>|
<a?href="javascript:;">廣告傳媒</a>|
<a?href="javascript:;">廠商開發</a>
</span>
</p>
</div>
</li>
<li>
<a?href="javascript:;">站長在線</a>
<div?class="subnav">
<em?class="arrow"></em>
<p>?????????
<span>
<a?href="javascript:;">站長報道</a>|
<a?href="javascript:;">好站推薦</a>|
<a?href="javascript:;">站長聚會</a>|
<a?href="javascript:;">站長訪談</a>|
<a?href="javascript:;">站長茶館</a>|
<a?href="javascript:;">網站排行</a>
</span>
</p>
</div>
</li>
<li>
<a?href="javascript:;">網站運營</a>
<div?class="subnav">
<em?class="arrow"></em>
<p>?????????
<span>
<a?href="javascript:;">建站經驗</a>|
<a?href="javascript:;">策劃盈利</a>|
<a?href="javascript:;">搜索優化</a>|
<a?href="javascript:;">網站推廣</a>|
<a?href="javascript:;">免費資源</a>
</span>
</p>
</div>
</li>
<li>
<a?href="javascript:;">設計在線</a>
<div?class="subnav">
<em?class="arrow"></em>
<p>?????????
<span>
<a?href="javascript:;">酷站推薦</a>|
<a?href="javascript:;">網頁設計</a>|
<a?href="javascript:;">WEB標準</a>|
<a?href="javascript:;">視頻處理</a>|
<a?href="javascript:;">設計活動</a>
</span>
</p>
</div>
</li>
<li>
<a?href="javascript:;">網絡編程</a>
<div?class="subnav">
<em?class="arrow"></em>
<p>?????????
<span>
<a?href="javascript:;">Asp編程</a>|
<a?href="javascript:;">Php編程</a>|
<a?href="javascript:;">.Net編程</a>|
<a?href="javascript:;">Xml編程</a>|
<a?href="javascript:;">Access</a>|
<a?href="javascript:;">Mssql</a>|
<a?href="javascript:;">Mysql</a>
</span>
</p>
</div>
</li>
<li>
<a?href="javascript:;">聯盟資訊</a>
<div?class="subnav">
<em?class="arrow"></em>
<p>?????????
<span>
<a?href="javascript:;">聯盟動態</a>|
<a?href="javascript:;">聯盟介紹</a>|
<a?href="javascript:;">聯盟點評</a>|
<a?href="javascript:;">網賺技巧</a>
</span>
</p>
</div>
</li>
<li>
<a?href="javascript:;">服務器</a>
<div?class="subnav">
<em?class="arrow"></em>
<p>?????????
<span>
<a?href="javascript:;">Web服務器</a>|
<a?href="javascript:;">Ftp服務器</a>|
<a?href="javascript:;">Mail服務器</a>|
<a?href="javascript:;">Dns服務器</a>|
<a?href="javascript:;">Win服務器</a>|
<a?href="javascript:;">Linux服務器</a>|
<a?href="javascript:;">安全防護</a>|
<a?href="javascript:;">虛擬主機</a>
</span>
</p>
</div>
</li>????????
</ul>????
</div>
</body>
<script>
????????var?get?=?{
????????????getId:function(ele){
????????????????return?document.getElementById(ele);
????????????},
????????????getClass:function(ele){
????????????????return?document.getElementsByClassName(ele);
????????????},
????????????getTagName:function(ele,obj){
????????????????return?(obj?||?document).getElementsByTagName(ele);
????????????}
????????};
????????window.onload?=?function(){
????????????var?aLi?=?get.getTagName('li');
????????????var?asubnav?=?get.getClass('subnav');
????????????var?oNav?=?get.getId('nav');
????????????var?oEm?=?get.getClass('arrow');
????????????var?timer?=?null;
????????????for(var?i?=?0,len?=?aLi.length;i<len;i++){
????????????????aLi[i].onmouseout?=?function(){
????????????????????
?????????????????????timer?=?setTimeout(function(){
????????????????????????for(var?j?=?0;j<aLi.length;j++){
???????????????????????????aLi[j].children[1].style.display?=?'none';
????????????????????????}
????????????????????????
????????????????????},300);
????????????????}
????????????????aLi[i].onmouseover?=?function(){
????????????????????var?thisChild?=?this.children[1];
????????????????????thisChild???thisChild.style.display?=?'block':null;
????????????????????if(oNav.offsetWidth?<?(thisChild.offsetWidth+thisChild.offsetLeft)){
????????????????????????thisChild.style.right?=?0;
????????????????????}
????????????????????
????????????????}
????????????}
???????????
????????}
????</script>
</html>
為什么這么寫瀏覽器會報錯？
江城fen
2018-04-12 15:31:25
