日本語
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title></title> </head> <style type="text/css"> #dNavBar{ 背景色:#ffffff; #dNavBar li{ リストスタイルタイプ:none;フロート:左;幅:84ピクセル;高さ:28ピクセル;行の高さ:28px;フォントサイズ:12px;色:#FFFFFF;ボーダー:3px ソリッド #ffffff;背景色:#86C2FF;テキスト整列:中央;表示:ブロック;カーソル:ポインタ; #subMenu{ 背景色:#0000FF;幅:500ピクセル;ボーダー左:3px ソリッド #ffffff;ボーダー右:3px ソリッド #ffffff;高さ:29ピクセル;行の高さ:29px;色:#FFFFFF;フォントサイズ:12px;パディング左:10px; } body {マージン左: 0px;マージントップ: 0px;右マージン: 0px;マージンボトム: 0px; a:link {色: #FFFFFF;テキスト装飾: なし。 a:hover{ 色: #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>" links[2]="<a href='#'>项目一</a> a> | <a href='#'>项目二</a> | <a href='#'>项目三</a>" links[3]="<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>" links[9]="<a href='#'>项目一</a> <a href='#'>项目二</a>" links[10]= "<a href='#'>项目一</a>| <a href='#'>项目二</a>" links[11]="<a href='#'>项目一</a> > | <a href='#'>项目二</a>" links[12]="<a href='#'>项目二</a> 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="3px ソリッド #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[インデックス]; } </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>