Português
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title></title> </head> <style type="text/css"> #dNavBar{ cor de fundo:#ffffff; } #dNavBar li{ tipo de estilo de lista: nenhum; flutuar:esquerda; largura:84px; altura:28px; altura da linha: 28px; tamanho da fonte: 12px; cor:#FFFFFF; borda:3px sólido #ffffff; cor de fundo:#86C2FF; alinhamento de texto:centro; exibição: bloco; cursor:ponteiro; } #subMenu{ cor de fundo:#0000FF; largura:500px; borda esquerda:3px sólido #ffffff; borda direita:3px sólido #ffffff; altura:29px; altura da linha: 29px; cor:#FFFFFF; tamanho da fonte: 12px; preenchimento à esquerda: 10px; } corpo {margem esquerda: 0px; margem superior: 0px; margem direita: 0px; margem inferior: 0px; } a:link { cor: #FFFFFF; decoração de texto: nenhuma; } a:hover{ cor: #FFFFFF; decoração de texto: nenhuma; } a:visitado{ cor: #FFFFFF; decoração de texto: nenhuma; } </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 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>" 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 href='#'>项目二</a> | a>" for (i=0;i<liArr.length;i++) { liArr[i].onclick=function() { selectThis(this,liArr,links) } } } function selectThis(indexObj,allLi,infoArr) { var índice=0; for (i=0;i<allLi.length;i++) { allLi[i].style.border="3px sólido #ffffff"; allLi[i].style.backgroundColor="#86C2FF"; allLi[i].style.height="28px"; if (indexObj==allLi[i]) { index=i; } } indexObj.style.borderBottom="0px sólido #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>
