Div之家_Div+CSS学习_SEO_Design_web2_站长工具_
Div之家首页
Div+css
SEO
UI
Design
Web info
HandBook
Tool
Div+css首页
热门搜索关键字：
教程
div
导航
ie
网站
css
仿蓝色理想网站的导航菜单
作者：佚名 来源：网络
（转载请注明）
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>仿蓝色理想<a href='http://www.divhome.com/csssite/plus/search/index.asp?keyword=%E7%BD%91%E7%AB%99&searchtype=title' title='网站重构' target='_blank'>网站</a>的<a href='http://www.divhome.com/csssite/plus/search/index.asp?keyword=%E5%AF%BC%E8%88%AA&searchtype=title' title='网站导航样式下载' target='_blank'>导航</a>菜单</title></head><style type="text/css">#dNavBar{background-color:#ffffff;}#dNavBar li{list-style-type:none;float:left;width:84px;height:28px;line-height:28px;font-size:12px;color:#FFFFFF;border:3px solid #ffffff;background-color:#86C2FF;text-align:center;display:block;cursor:pointer;}#subMenu{background-color:#0000FF;width:500px;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 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 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 href=''#''>项目二</a>"for (i=0;i<liArr.length;i++){liArr[i].onclick=function(){selectThis(this,liArr,links)}}}function selectThis(indexObj,allLi,infoArr){var index=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";if (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>
提示：您可以先修改部分代码再运行，复制代码和保存代码功能在Firefox下无效。
Div之家
