您的位置：农牧网资源中心 >> 网页特效 >> 导航菜单 >> 阅读资讯：仿蓝色理想网站的导航菜单

仿蓝色理想网站的导航菜单

[ 来源：不详 | 作者：佚名 | 时间：2007-6-10 11:01:53 | 收藏本文 ]

<div id="NewsContentLabel" class="NewsContent">提示:点击代码可以查看效果<html><head><meta http-equiv=Content-Type content=text/html; charset=gb2312><title>免费<a target="_blank" href="http://www.newasp.cn/" class="UBBWordLink">网络</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> </div><div id="Message" class="Message"></div>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

[] [返回上一页] [打印]