横向导航菜单.docVIP

!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/html4/loose.dtd 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{ list-style-type:none; float:left; width:85px; height:28px; line-height:28px; font-size:12px; color:#FFFFFF; border:3px solid #ffffff; background-color:#8D8EA2; text-align:center; display:block; cursor:pointer; } #subMenu{ background-color:#666688; width:621px; border-left:3px solid #ffffff; border-right:3px solid #ffffff; height:29px; line-height:29px; color:#FFFFFF; font-size:12px; padding-left:10px; } body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } a:link { color: #FFFFFF; text-decoration: none; } a:hover{ color: #FFFFFF; text-decoration: none; } a:visited{ color: #FFFFFF; text-decoration: none; } /style script language=javascript function iniPage() { var barCTT=document.getElementById(dNavBar) var liArr=barCTT.getElementsByTagName(li) var links=new Array() links[0]=a href=#项目一/a a href=#项目二/a 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 for (i=0;iliArr.length;i++) { liArr[i].onclick=function() { selectThis(this,liArr,links) } } } function selectThis(indexObj,allLi,infoArr) { var index=0; for (i=0;iallLi.length;i++) { allLi[i].style.border=3px solid #ffffff; allLi[i].style.backgroundColor=#8D8EA2; allLi[i].style.height=28px; if (indexObj==allLi[i]) { index=i; } } indexObj.style.borderBottom=0px solid #666688; indexObj.style.backgroundColor=#666688; indexObj.style.height=31px; document.getElementById(subMenu).innerHTML=infoArr[index]; } /script body onLoa