一個完美的導航樹

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
??? <title>無標題頁</title>
?<style type="text/css" >
<!--
body,html{SCROLLBAR-BASE-COLOR:#F6F9FA;SCROLLBAR-FACE-COLOR:#F6F9FA;SCROLLBAR-HIGHLIGHT-COLOR:#FFF;SCROLLBAR-SHADOW-COLOR:#FFF;SCROLLBAR-3DLIGHT-COLOR:#D4D4D4; SCROLLBAR-ARROW-COLOR:#C2B2A0;SCROLLBAR-TRACK-COLOR:#E2DAD2;SCROLLBAR-DARKSHADOW-COLOR:#C2B2A0;}
body,div{margin:0 auto;width:150px;background:#FAF9F8;}
.logo{margin:15px auto 5px auto;}
.title{ width:140px; height:27px; margin:1px 0 0px 0; }/*最初margin:2px 0px 0px 0;*/
.title a{ display:block;padding:6px 0 0 0; width:140px; height:21px;background:#dbd2c4; font-size:12px;text-decoration:none;}/*最初字體大小是13px*/
/*.title a:hover{display:block;padding:6px 0 0 0; width:140px; height:21px;background:#eae5dd; font-size:13px;text-decoration:none;}/* 最初字體大小是13px,背景是#eae5dd */
.title img{ border:0; margin:3px 3px 0 10px;}

ul{ margin:0; padding:0; list-style:none;}
ul li{ width:140px;}
ul li a{ display:block; height:20px; padding:5px 0 0 20px; margin:1px 0 0 0; font:normal 12px/20px 'Verdana'; background-color:#f3f0ec; text-decoration:none;}
ul li a:hover{ background:#eae5dd;color:#6c635b;}
.hidden{display:none;}
.display{display:block;}

/* 定義顏色 */
.red{color:#ff0000;}
.green{color:#008000}
.blue{color:#3000ff}
.default{color:#353230;}
.subdefault{color:#968d86;}
-->
??? </style>
??? <script language="javascript" type="text/javascript">

??? </script>
</head>
<body>
<div class="logo"> <a href="http://bbs.xoyo.com/index.php" target="_blank"><img border="0" src="Images/logo.gif" /></a></div>
<div>
??????? <div class="title" onClick="switchMenu(6255)"><a href="#" title=""><img id="img6255" border="0" src="Images/open.gif" /> <font class="red">封神榜2</font></a></div>
??? <ul id="sub6255" class="hidden">
??????????? <li><a href="http://bbs.xoyo.com/forumdisplay.php?fid=6361" target="_blank" title="客戶服務"><img border="0" src="Images/sub.gif" /> <font class="red">客戶服務</font></a></li>
??????????? <li><a href="http://bbs.xoyo.com/forumdisplay.php?fid=6256" target="main" title="玩家交流"><img border="0" src="Images/sub.gif" /> <font class="subdefault">玩家交流</font></a></li>

<ul id="sub6324" class="hidden">
??????????? <li><a href="http://bbs.xoyo.com/forumdisplay.php?fid=6325" target="main" title="經驗交流"><img border="0" src="Images/sub.gif" /> <font class="subdefault">經驗交流</font></a></li>
??????????? <li><a href="http://bbs.xoyo.com/forumdisplay.php?fid=6328" target="main" title="戰隊競技"><img border="0" src="Images/sub.gif" /> <font class="subdefault">戰隊競技</font></a></li>
??????????? <li><a href="http://bbs.xoyo.com/forumdisplay.php?fid=6327" target="main" title="樓蘭水城"><img border="0" src="Images/sub.gif" /> <font class="subdefault">樓蘭水城</font></a></li>
??????????? <li><a href="http://bbs.xoyo.com/forumdisplay.php?fid=6326" target="main" title="BUG反饋"><img border="0" src="Images/sub.gif" /> <font class="subdefault">BUG反饋</font></a></li>

</ul>
??????? <div class="title" onClick="switchMenu(6075)"><a href="#" title=""><img id="img6075" border="0" src="Images/open.gif" /> <font class="default">春秋Q傳</font></a></div>
??? <ul id="sub6075" class="hidden">
??????????? <li><a href="http://bbs.xoyo.com/forumdisplay.php?fid=3135" target="_blank" title="客戶服務"><img border="0" src="Images/sub.gif" /> <font class="green">客戶服務</font></a></li>
??????????? <li><a href="http://bbs.xoyo.com/forumdisplay.php?fid=6257" target="main" title="想第一時間獲知游戲里外的最新動態嗎？請關注春秋快報！"><img border="0" src="Images/sub.gif" /> <font class="subdefault">春秋快報</font></a></li>
??????????? <li><a href="http://bbs.xoyo.com/forumdisplay.php?fid=6238" target="main" title="將你的游戲心得拿到這里討論，讓你游戲的迷惑在這里得解！無論你是高手還是菜鳥，都歡迎在此暢所欲言！"><img border="0" src="Images/sub.gif" /> <font class="subdefault">經驗交流</font></a></li>

<li><a href="http://bbs.xoyo.com/forumdisplay.php?fid=6231" target="_blank" title="客戶服務"><img border="0" src="Images/sub.gif" /> <font class="red">客戶服務</font></a></li>
??????????? <li><a href="http://bbs.xoyo.com/forumdisplay.php?fid=6228" target="main" title="水滸交流"><img border="0" src="Images/sub.gif" /> <font class="subdefault">水滸交流</font></a></li>
??????????? <li><a href="http://bbs.xoyo.com/forumdisplay.php?fid=6230" target="main" title="水滸貼圖"><img border="0" src="Images/sub.gif" /> <font class="subdefault">水滸貼圖</font></a></li>
????????? </ul>
??????? <div class="title" onClick="switchMenu(6253)"><a href="#" title=""><img id="img6253" border="0" src="Images/open.gif" /> <font class="default">鐵血三國志</font></a></div>

<li><a href="http://bbs.xoyo.com/forumdisplay.php?fid=4339" target="main" title="新手入門、高手進階，玩家游戲經驗的交流區"><img border="0" src="Images/sub.gif" /> <font class="subdefault">經驗交流</font></a></li>
??????????? <li><a href="http://bbs.xoyo.com/forumdisplay.php?fid=4700" target="main" title="精彩封神圖片，盡在貼圖"><img border="0" src="Images/sub.gif" /> <font class="subdefault">封神圖文</font></a></li>
????????? </ul>
??????? <div class="title" onClick="switchMenu(6249)"><a href="#" title=""><img id="img6249" border="0" src="Images/open.gif" /> <font class="default">封神榜國際版</font></a></div>
??? <ul id="sub6249" class="hidden">
??????????? <li><a href="http://bbs.xoyo.com/forumdisplay.php?fid=6250" target="_blank" title="客戶服務"><img border="0" src="Images/sub.gif" /> <font class="red">客戶服務</font></a></li>

<li><a href="http://bbs.xoyo.com/forumdisplay.php?fid=6248" target="main" title="封神榜國際版"><img border="0" src="Images/sub.gif" /> <font class="subdefault">封神榜國際版</font></a></li>
????????? </ul>
??????? <div class="title" onClick="switchMenu(1323)"><a href="#" title=""><img id="img1323" border="0" src="Images/open.gif" /> <font class="default">劍網</font></a></div>
??? <ul id="sub1323" class="hidden">
??????????? <li><a href="http://bbs.xoyo.com/forumdisplay.php?fid=1586" target="_blank" title="服務問題反饋，GM在線回復"><img border="0" src="Images/sub.gif" /> <font class="red">客戶服務</font></a></li>
??????????? <li><a href="http://bbs.xoyo.com/forumdisplay.php?fid=4" target="main" title="新手入門、高手進階，游戲經驗心得交流"><img border="0" src="Images/sub.gif" /> <font class="subdefault">劍網雜談</font></a></li>

<li><a href="http://bbs.xoyo.com/forumdisplay.php?fid=234" target="main" title="反映武功技能平衡問題，十大門派技能討論"><img border="0" src="Images/sub.gif" /> <font class="subdefault">武功技能</font></a></li>
??????????? <li><a href="http://bbs.xoyo.com/forumdisplay.php?fid=38" target="main" title="講述玩家自己的故事"><img border="0" src="Images/sub.gif" /> <font class="subdefault">劍俠故事</font></a></li>
??????????? <li><a href="http://bbs.xoyo.com/forumdisplay.php?fid=44" target="main" title="精美劍俠圖片"><img border="0" src="Images/sub.gif" /> <font class="subdefault">劍網貼圖</font></a></li>
??????????? <li><a href="http://bbs.xoyo.com/forumdisplay.php?fid=606" target="main" title="劍網區服論壇，幫派論壇之家"><img border="0" src="Images/sub.gif" /> <font class="subdefault">收費區區服子論壇</font></a></li>
??????????? <li><a href="http://bbs.xoyo.com/forumdisplay.php?fid=6259" target="main" title="免費區區服子論壇"><img border="0" src="Images/sub.gif" /> <font class="subdefault">免費區區服子論壇</font></a></li>

</ul>
??????? <div class="title" onClick="switchMenu(6352)"><a href="#" title=""><img id="img6352" border="0" src="Images/open.gif" /> <font class="default">劍網ZCOM</font></a></div>
??? <ul id="sub6352" class="hidden">
??????????? <li><a href="http://bbs.xoyo.com/forumdisplay.php?fid=6247" target="main" title="ZCOM專區"><img border="0" src="Images/sub.gif" /> <font class="subdefault">ZCOM專區</font></a></li>
????????? </ul>
??????? <div class="title" onClick="switchMenu(1515)"><a href="#" title=""><img id="img1515" border="0" src="Images/open.gif" /> <font class="default">劍網2</font></a></div>

<li><a href="http://bbs.xoyo.com/forumdisplay.php?fid=1531" target="main" title="煮酒論劍，武俠文化，博大精深，精彩的武俠世界在此等候！"><img border="0" src="Images/sub.gif" /> <font class="subdefault">劍網2文學</font></a></li>
??????????? <li><a href="http://bbs.xoyo.com/forumdisplay.php?fid=1641" target="main" title="貼圖專區.雖然只是一瞬間，但卻留下了難忘的點點回憶......
"><img border="0" src="Images/sub.gif" /> <font class="subdefault">劍網2貼圖</font></a></li>
??????????? <li><a href="http://bbs.xoyo.com/forumdisplay.php?fid=6092" target="main" title="劍網2區服主討論版"><img border="0" src="Images/sub.gif" /> <font class="subdefault">收費區服子論壇</font></a></li>
??????????? <li><a href="http://bbs.xoyo.com/forumdisplay.php?fid=6354" target="main" title="免費區服子論壇"><img border="0" src="Images/sub.gif" /> <font class="subdefault">免費區服子論壇</font></a></li>
????????? </ul>

<div class="title" onClick="switchMenu(1516)"><a href="#" title=""><img id="img1516" border="0" src="Images/open.gif" /> <font class="default">劍網3</font></a></div>
??? <ul id="sub1516" class="hidden">
??????????? <li><a href="http://bbs.xoyo.com/forumdisplay.php?fid=764" target="main" title="劍網3,正在研發中的3D武俠游戲,期待您的參與."><img border="0" src="Images/sub.gif" /> <font class="subdefault">劍網3</font></a></li>
????????? </ul>
??????? <div class="title" onClick="switchMenu(6179)"><a href="#" title=""><img id="img6179" border="0" src="Images/open.gif" /> <font class="default">新石器時代</font></a></div>
??? <ul id="sub6179" class="hidden">

<ul id="sub6279" class="hidden">
??????????? <li><a href="http://bbs.xoyo.com/forumdisplay.php?fid=6280" target="main" title="灌吧！灌吧！迅猛的灌吧……"><img border="0" src="Images/sub.gif" /> <font class="subdefault">新龍門客棧</font></a></li>
??????????? <li><a href="http://bbs.xoyo.com/forumdisplay.php?fid=6285" target="main" title="原創文學區,支持原創,拒絕抄襲!!"><img border="0" src="Images/sub.gif" /> <font class="subdefault">寫文讀書</font></a></li>
??????????? <li><a href="http://bbs.xoyo.com/forumdisplay.php?fid=6282" target="main" title="體育運動討論專區，任何關于體育的話題，來這里討論."><img border="0" src="Images/sub.gif" /> <font class="subdefault">體壇瞬間</font></a></li>
??????????? <li><a href="http://bbs.xoyo.com/forumdisplay.php?fid=6281" target="main" title="全球影視盡在影視部落!!"><img border="0" src="Images/sub.gif" /> <font class="subdefault">影視部落</font></a></li>

<li><a href="http://bbs.xoyo.com/forumdisplay.php?fid=6340" target="main" title="逍遙證交所"><img border="0" src="Images/sub.gif" /> <font class="subdefault">逍遙證交所</font></a></li>
????????? </ul>
??????? <div class="title" onClick="switchMenu(6243)"><a href="#" title=""><img id="img6243" border="0" src="Images/open.gif" /> <font class="default">論壇服務區</font></a></div>
??? <ul id="sub6243" class="hidden">
??????????? <li><a href="http://bbs.xoyo.com/forumdisplay.php?fid=6353" target="main" title="論壇斑竹申請區"><img border="0" src="Images/sub.gif" /> <font class="subdefault">論壇斑竹申請區</font></a></li>
??????????? <li><a href="http://bbs.xoyo.com/forumdisplay.php?fid=1602" target="main" title="<font color=green> 金山游戲版塊的意見及問題反饋、論壇版面事務違規投訴舉報</font>"><img border="0" src="Images/sub.gif" /> <font class="subdefault">論壇事務投訴區</font></a></li>

<li><a href="http://bbs.xoyo.com/forumdisplay.php?fid=6245" target="main" title="游戲論壇斑竹區"><img border="0" src="Images/sub.gif" /> <font class="subdefault">游戲論壇斑竹區</font></a></li>
??????????? <li><a href="http://bbs.xoyo.com/forumdisplay.php?fid=1816" target="main" title="回收站"><img border="0" src="Images/sub.gif" /> <font class="subdefault">回收站</font></a></li>
????????? </ul>
??? </div>
</body>
</html>