Español
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title></title> </head> <style type="text/css"> #dNavBar{ color de fondo:#ffffff; } #dNavBar li{ tipo-estilo-lista:none; flotador: izquierda; ancho: 84px; altura: 28 píxeles; altura de línea: 28px; tamaño de fuente: 12px; color:#FFFFFF; borde: 3px sólido #ffffff; color de fondo:#86C2FF; alineación de texto:centro; mostrar:bloquear; cursor:puntero; } #subMenú{ color de fondo:#0000FF; ancho: 500 px; borde izquierdo: 3px sólido #ffffff; borde derecho: 3px sólido #ffffff; altura: 29 píxeles; altura de línea: 29px; color:#FFFFFF; tamaño de fuente: 12px; relleno-izquierda: 10px; } cuerpo { margen izquierdo: 0px; margen superior: 0px; margen derecho: 0px; margen inferior: 0px; } a: enlace { color: #FFFFFF; decoración de texto: ninguna; } a: flotar{ color: #FFFFFF; decoración de texto: ninguna; } a:visitado{ color: #FFFFFF; decoración de texto: ninguna; } </style> <script language="javascript"> function ShowMenu() { var barCTT=document.getElementById("dNavBar") var liArr=barCTT.getElementsByTagName("li") var links=new Array() enlaces[0 ]="<a href='#'>当前位置：首页" links[1]="<a href='#'>项目一</a> | <a href='#'>项目二</a > | <a href='#'>项目三</a> | <a href='#'>项目四</a>" enlaces[2]="<a href='#'>项目一</ a> | <a href='#'>项目二</a> | <a href='#'>项目三</a>" enlaces[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> " enlaces[6]="<a href='#'>项目一</a> | <a href='#'>项目二</a>" enlaces[7]="<a href='#' >项目一</a> | <a href='#'>项目二</a>" links[8]="<a href='#'>项目一</a> | '>项目二</a>" enlaces[9]="<a href='#'>项目一</a> | <a href='#'>项目二</a>" enlaces[10]= "<a href='#'>项目一</a>| <a href='#'>项目二</a>" links[11]="<a href='#'>项目一</a > | <a href='#'>项目二</a>" enlaces[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) { índice var=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]) { índice=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>
