Français
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title></title> </head> <style type="text/css"> #dNavBar{ couleur d'arrière-plan :#ffffff; } #dNavBar li{ list-style-type:none; flotteur : gauche ; largeur : 84 px ; hauteur : 28 px ; hauteur de ligne : 28 px ; taille de police : 12 px ; couleur :#FFFFFF ; bordure : 3px solide #ffffff ; couleur d'arrière-plan : #86C2FF ; texte-align:centre; affichage:bloc; curseur:pointeur; } #subMenu{ couleur d'arrière-plan : #0000FF ; largeur : 500 px ; bordure gauche : 3px solide #ffffff ; bordure droite : 3px solide #ffffff ; hauteur : 29 px ; hauteur de ligne : 29 px ; couleur :#FFFFFF ; taille de police : 12 px ; remplissage-gauche : 10px ; } corps { marge-gauche : 0px ; marge supérieure : 0px ; marge droite : 0px ; marge inférieure : 0px ; } a:lien { couleur: #FFFFFF; décoration de texte : aucune ; } a:hover{ couleur: #FFFFFF; décoration de texte : aucune ; } a:visité{ couleur: #FFFFFF; décoration de texte : aucune ; } </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>" 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 href='# '>项目二</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) { indice var=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"; si (indexObj==allLi[i]) { index=i; } } indexObj.style.borderBottom="0px solide #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>
