ภาษาไทย
<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; ความสูง:29px; ความสูงของบรรทัด:29px; สี:#FFFFFF; ขนาดตัวอักษร:12px; ช่องว่างภายในซ้าย: 10px; } เนื้อความ { ขอบซ้าย: 0px; ขอบบน: 0px; ขอบขวา: 0px; ขอบล่าง: 0px; } a:link { สี: #FFFFFF; การตกแต่งข้อความ: ไม่มี; } a:hover{ สี: #FFFFFF; การตกแต่งข้อความ: ไม่มี; } a: เยี่ยมชม { สี: #FFFFFF; การตกแต่งข้อความ: ไม่มี; } </style> <script language="javascript"> ฟังก์ชั่น 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>" 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>" ลิงก์[7]="<a href='#' >项目一</a> |. <a href='#'>项目二</a>" links[8]="<a href='#'>项目一</a> | <a href='# '>项目二</a>" links[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> a>" for (i=0;i<liArr.length;i++) { liArr[i].onclick=function() { selectThis(this,liArr,links) } } } ฟังก์ชั่น selectThis(indexObj,allLi,infoArr) { ดัชนี var=0; สำหรับ (i=0;i<allLi.length;i++) { allLi[i].style.border="3px solid #ffffff"; allLi[i].style.พื้นหลังสี="#86C2FF"; allLi[i].style.height="28px"; ถ้า (indexObj==allLi[i]) { ดัชนี=i; } } indexObj.style.borderBottom="0px ทึบ #666688"; indexObj.style.พื้นหลังสี = "#0000FF"; indexObj.style.height="31px"; document.getElementById("เมนูย่อย").innerHTML=infoArr[ดัชนี]; } </script> <body onLoad="ShowMenu()"> <div id="dNavBar" style="float:none; width:560px;"><li>首页</li><li>娱乐快报</ li><li>音乐天地</li><li>แฟลช</li> </div> <div id="subMenu">站务公告</div> </body> </html>
