Русский
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title></title> </head> <style type="text/css"> #dNavBar {background-color:#ffffff; } #dNavBar li {тип списка-стиля: нет; плавать: влево; ширина: 84 пикселей; высота: 28 пикселей; высота строки: 28 пикселей; размер шрифта: 12 пикселей; цвет:#FFFFFF; граница: 3 пикселя, сплошная #ffffff; цвет фона: #86C2FF; выравнивание текста: по центру; дисплей: блок; курсор: указатель; } #subMenu {background-color:#0000FF; ширина: 500 пикселей; левая граница: 3 пикселя, сплошной #ffffff; правая граница: 3 пикселя сплошной #ffffff; высота: 29 пикселей; высота строки: 29 пикселей; цвет:#FFFFFF; размер шрифта: 12 пикселей; отступ слева: 10 пикселей; } body {margin-left: 0px; поле-верх: 0 пикселей; поле справа: 0 пикселей; поле внизу: 0 пикселей; } а: ссылка {цвет: #FFFFFF; текстовое оформление: нет; } a:hover{цвет: #FFFFFF; текстовое оформление: нет; } а: посетил {цвет: #FFFFFF; текстовое оформление: нет; } </style> <script Language="javascript"> function ShowMenu() { var barCTT=document.getElementById("dNavBar") var liArr=barCTT.getElementsByTagName("li") varlinks=new Array()links[0 ]="<a href='#'>当前位置：首页"links[1]="<a href='#'>项目一</a> | <a href='#'>项目二</a > | <a href='#'>项目三</a> | <a href='#'>项目四</a>" link[2]="<a href='#'>项目一</ a> | <a href='#'>项目二</a> | <a href='#'>项目三</a>" link[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 href='# '>项目二</a>" link[9]="<a href='#'>项目一</a> | <a href='#'>项目二</a>"links[10]= "<a href='#'>项目一</a>| <a href='#'>项目二</a>" link[11]="<a href='#'>项目一</a > | <a href='#'>项目二</a>" link[12]="<a href='#'>项目一</a> | <a href='#'>项目二</ a>" for (i=0;i<liArr.length;i++) { liArr[i].onclick=function() { selectThis(this,liArr,links) } } } function selectThis(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"; если (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>极品FLASH</li> </div> <div id="subMenu">站务公告</div> </body> </html>
