العربية
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title></title> </head> <style type="text/css"> #dNavBar{ لون الخلفية:#ffffff; } #dNavBar li{ list-style-type:none; تعويم: يسار؛ العرض: 84 بكسل؛ الارتفاع: 28 بكسل؛ ارتفاع الخط: 28 بكسل؛ حجم الخط: 12 بكسل؛ اللون: #FFFFFF؛ الحدود: 3px الصلبة #ffffff؛ لون الخلفية:#86C2FF; محاذاة النص:مركز؛ عرض:كتلة؛ المؤشر:المؤشر؛ } #subMenu{ لون الخلفية:#0000FF; العرض: 500 بكسل؛ الحدود اليسرى: 3px الصلبة #ffffff؛ الحدود اليمنى: 3px الصلبة #ffffff؛ الارتفاع: 29 بكسل؛ ارتفاع الخط: 29 بكسل؛ اللون: #FFFFFF؛ حجم الخط: 12 بكسل؛ الحشو الأيسر: 10 بكسل؛ } الجسم { الهامش الأيسر: 0px؛ الهامش العلوي: 0px؛ الهامش الأيمن: 0px; الهامش السفلي: 0px؛ } أ: الرابط { اللون: #FFFFFF؛ زخرفة النص: لا شيء؛ } أ:hover{ اللون: #FFFFFF؛ زخرفة النص: لا شيء؛ } أ:زار{ اللون: #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='#'>رابط الارتباط: 首页[1]="<a href='#'>الرابط</a> | <a href='#'>الرابط</a> > | <a href='#'>الرابط</a> | <a href='#'>الرابط </a>" links[2]="<a href='#'>الرابط </. 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> " الروابط[6]="<a href='#'>الرابط</a> | <a href='#'>الرابط </a>" الروابط[7]="<a href='#'. > 项目一</a> | '>项目二</a>" links[9]="<a href='#'>项目一</a> | <a href='#'>项目二</a>" links[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() { حدد هذا(this,liArr,links) } } } وظيفة تحديد هذا(indexObj,allLi,infoArr) { فار فهرس=0; for (i=0;i<allLi.length;i++) { allLi[i].style.border="3px Solid #ffffff"; allLi[i].style.backgroundColor="#86C2FF"; allLi[i].style.height="28px"; if (indexObj==allLi[i]) { Index=i; } } IndexObj.style.borderBottom="0px Solid #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>فلاش</li> </div> <div id="subMenu">站务公告</div> </body> </html>
