教程集 > 脚本编程 > javascript > 正文仿蓝色理想网站的导航菜单

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

发布时间：2016-11-30 编辑：jiaochengji.com

教程集为您提供仿蓝色理想网站的导航菜单等资源，欢迎您收藏本站，我们将为您提供最新的仿蓝色理想网站的导航菜单资源

提示：您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" ><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: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]="当前位置：首页" links[1]="项目一 | 项目二 | 项目三 | 项目四" links[2]="项目一 | 项目二 | 项目三" links[3]="项目一 | 项目二 | 项目三 | 项目四 | 项目五" links[4]="项目一 | 项目二" links[5]="项目一 | 项目二 | 项目三" links[6]="项目一 | 项目二" links[7]="项目一 | 项目二" links[8]="项目一 | 项目二" links[9]="项目一 | 项目二" links[10]="项目一| 项目二" links[11]="项目一 | 项目二" links[12]="项目一 | 项目二" 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<li>首页</li><li>娱乐快报</li><li>音乐天地</li><li>极品FLASH</li>

站务公告

</body> </html></textarea>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
导航菜单仿sina,163淡蓝色选项卡菜单
 仿蓝色理想网站的导航菜单
 7款风格新颖的jQuery/CSS3菜单导航分享
 css div布局的好处与优势是什么？
jquery仿京东导航/仿淘宝商城左侧分类导航下拉菜单效果
 CSS3和jQuery实现花瓣网固定顶部位置悬浮菜单效果
 my ie导航菜单效果
 路径式导航栏 xBreadcrumbs
jquery遮罩层效果实现导航菜单代码
 css注意几点

上一篇：js 图片向上滚动效果代码下一篇：模拟QQ菜单效果

[关闭]

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

最近更新

浏览排行