中文(繁体)
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title></title> </head> <style type="text/css"> #dNavBar{ 背景顏色:#ffffff; } #dNavBar li{ 列表樣式類型：無；浮動：左；寬度：84px；高度：28px；行高：28px；字體大小：12px；顏色：#FFFFFF；邊框：3px實線#ffffff；背景顏色：#86C2FF；文字對齊：居中；顯示：塊；遊標：指針； } #subMenu{ 背景顏色:#0000FF;寬度：500px；左邊框：3px實心#ffffff；右邊框：3px實心#ffffff；高度：29 像素；行高：29px；顏色：#FFFFFF；字體大小：12px；左內邊距：10px； } 正文 { 左邊距：0px;上邊距：0px；右邊距：0px；下邊距：0px； } a:link { 顏色: #FFFFFF;文字裝飾：無； } a:懸停{ 顏色: #FFFFFF;文字裝飾：無； } a:訪問過{ 顏色: #FFFFFF;文字裝飾：無； } </style> <script language="javascript"> function ShowMenu() { var barCTT=document.getElementById("dNavBar") var liArr=barCTT.getElementsByTagName("li") var links=new Array() links[0 ]="<a href='#'>目前位置：首頁" links[1]="<a href='#'>項目一</a> | <a href='#'>項目二</a > | <a href='#'>項目三</a> | <a href='#'>項目四</a>" 連結[2]="<a href='#'>項目一</ a> | <a href='#'>項目二</a> | <a href='#'>項目三</a>" links[3]="<a href='#'>項目一< /a> | <a href='#'> 項目二</a> | <a href='#'> 項目三</a> | <a href='#'> 項目四</a> | a href='#'>項目五</a>" links[4]="<a href='#'>項目一</a> | <a href='#'>項目二</a>” links [5]="<a href='#'>項目一</a> | <a href='#'>項目二</a> | <a href='#'>項目三</a> " links[6]="<a href='#'>項目一</a> | <a href='#'>項目二</a>" links[7]="<a href='#' >項目一</a> | <a href='#'>項目二</a>" links[8]="<a href='#'>項目一</a> | <a href='# ' >項目二</a>" 連結[9]="<a href='#'>項目一</a> | <a href='#'>項目二</a>" 連結[10]= “ <a href='#'>項目一</a>| <a href='#'>項目二</a>”連結[11]="<a href='#'>項目一</a> > | <a href='#'>項目二</a>” links[12]="<a href='#'>項目一</a> | <a href='#'>項目二</ a>" for (i=0;i<liArr.length;i++) { liArr[i].onclick=function() { selectThis(this,liArr,links) } } } function selectThis(indexObj,allLi,infoArr) {變數索引=0； for (i=0;i<allLi.length;i++) { allLi[i].style.border="3pxsolid #ffffff"; allLi[i].style.backgroundColor="#86C2FF"; allLi[i].style.height="28px"; if (indexObj==allLi[i]) { 索引=i; indexObj.style.borderBottom="0px 實心#666688"; indexObj.style.backgroundColor="#0000FF"; indexObj.style.height="31px"; document.getElementById("subMenu").innerHTML=infoArr[index]; } </script> <body onLoad="ShowMenu()"> <div id="dNavBar" style="float:none; width:560px;"><li>首頁</li><li>娛樂快報</ li><li>音樂天地</li><li>極品FLASH</li> </div> <div id="subMenu">站務公告</div> </body> </html>
