素材首页
GIF
PNG
PSD
矢量
字体
PS样式
PS形状
PS笔刷
代码
特效
背景
模板
Flash
表情头像
站内搜索
当前位置导航：
炫浪网
>>
设计素材
>>
网页特效代码
>>
导航类
网上流行的下拉导航菜单
更新时间：2009年07月07日
点击数：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="www.w3.org/1999/xhtml"> <head> <title>炫浪设计素材-网上流行的下拉导航菜单(一)</title> <meta http-equiv="content-Type" content="text/html;charset=gb2312"> <!--把下面代码加到<head>与</head>之间--> <style type="text/css"> h4,div,ul,li,span{ padding:0px; margin:0px} /* 最外面DIV的样式 */ #slidingBlock { width:980px; over-flow:hidden; margin:auto; height:60px; border:#ccc solid 1px; background-image: url(http://d2.xvna.com/sc/scimg/nav_line_bg1.jpg?http://www.xvna.com); background-repeat: repeat-x; background-position: top; } #nav_box{ height:33px; width:958px; text-align:center; margin-left: 11px; } #slidingBlock a{ color:#000; } #slidingBlock h4 { float:left; width:78px; height:33px; line-height:33px; text-align:center; font-size:12px; over-flow:hidden; float:left; background-image: url(http://d2.xvna.com/sc/scimg/nav_line_bg1.jpg?http://www.xvna.com); background-repeat: repeat-x; } #slidingBlock h4.menuNo { font-weight:normal; color: #fff; } #slidingBlock h4.menuOn { background-image: url(http://d2.xvna.com/sc/scimg/nav_line_onm.jpg?http://www.xvna.com); background-repeat: no-repeat; background-position: 6px bottom; color:#1368c2 } #line{ width:2px; height:33px; background-image: url(http://d2.xvna.com/sc/scimg/nav_line.jpg?http://www.xvna.com); background-repeat: no-repeat; float:left } #slidingBlock DIV.slidingList_none { display:none } #slidingBlock DIV.slidingList { width:auto; margin:0px; padding:0px; height:27px; clear:both; background-image: url(http://d2.xvna.com/sc/scimg/nav_line_bg2.jpg?http://www.xvna.com); background-repeat: repeat-x; line-height:27px } #slidingBlock DIV.slidingList ul { margin:0px;padding:0px; list-style:none; } #slidingBlock DIV.slidingList li { float:left; height:20px; line-height:20px; font-size:12px; text-indent:20px; } </style> </head> <body> <!--把下面代码加到<body>与</body>之间--> <div id="slidingBlock"> <script language="javascript"> function ks() { return true; } window.onerror=ks; function switchmodTag(modtag,modcontent,modk) { for(i=1; i <26; i++) { if (i==modk) { document.getElementById(modtag+i).className="menuOn";document.getElementById(modcontent+i).className="slidingList";} else { document.getElementById(modtag+i).className="menuNo";document.getElementById(modcontent+i).className="slidingList_none";} } } </script> <div id="nav_box"> <h4 class="menuOn" id="mod1" onmouseover="switchmodTag('mod','slidingList','1');this.blur();"> 法规政策</h4><div id="line"></div> <h4 class="menuNo" id="mod2" onmouseover="switchmodTag('mod','slidingList','2');this.blur();"> 政策标准</h4><div id="line"></div> <h4 class="menuNo" id="mod3" onmouseover="switchmodTag('mod','slidingList','3');this.blur();"> 环保规划</h4><div id="line"></div> <h4 class="menuNo" id="mod4" onmouseover="switchmodTag('mod','slidingList','4');this.blur();"> 环境评价</h4><div id="line"></div> <h4 class="menuNo" id="mod5" onmouseover="switchmodTag('mod','slidingList','5');this.blur();"> 环保工程</h4><div id="line"></div> <h4 class="menuNo" id="mod6" onmouseover="switchmodTag('mod','slidingList','6');this.blur();"> 环境监测</h4><div id="line"></div> <h4 class="menuNo" id="mod7" onmouseover="switchmodTag('mod','slidingList','7');this.blur();"> 环保考试</h4><div id="line"></div> <h4 class="menuNo" id="mod8" onmouseover="switchmodTag('mod','slidingList','8');this.blur();"> 环境论文</h4><div id="line"></div> <h4 class="menuNo" id="mod9" onmouseover="switchmodTag('mod','slidingList','9');this.blur();"> 环境导航</h4><div id="line"></div> <h4 class="menuNo" id="mod10" onmouseover="switchmodTag('mod','slidingList','10');this.blur();"> 求职招聘</h4><div id="line"></div> <h4 class="menuNo" id="mod11" onmouseover="switchmodTag('mod','slidingList','11');this.blur();"> 供求信息</h4><div id="line"></div> <h4 class="menuNo" id="mod12" onmouseover="switchmodTag('mod','slidingList','12');this.blur();"> 环保论坛</h4> </div> <div class="slidingList" id="slidingList1"> <ul> <li><a href="http://sc.xvna.com" target="_blank">国家法律</a></li> <li><a href="http://sc.xvna.com" target="_blank">地方法规</a></li> <li><a href="http://sc.xvna.com" target="_blank">行政法规</a></li> <li><a href="http://sc.xvna.com" target="_blank">部门规章</a></li> <li><a href="http://sc.xvna.com" target="_blank">执法解释</a></li> <li><a href="http://sc.xvna.com" target="_blank">文件规范</a></li> <li><a href="http://sc.xvna.com" target="_blank">国际公约</a></li> <li><a href="http://sc.xvna.com" target="_blank">功能区划</a></li> </ul> </div> <div class="slidingList_none" id="slidingList2"> <ul> <li><a href="http://sc.xvna.com" target="_blank">第二个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第二个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第二个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第二个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第二个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第二个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第二个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第二个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第二个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第二个目录</a></li> </ul> </div> <div class="slidingList_none" id="slidingList3"> <ul> <li><a href="http://sc.xvna.com" target="_blank">第三个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第三个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第三个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第三个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第三个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第三个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第三个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第三个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第三个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第三个目录</a></li> </ul> </div> <div class="slidingList_none" id="slidingList4"> <ul> <li><a href="http://sc.xvna.com" target="_blank">第四个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第四个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第四个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第四个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第四个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第四个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第四个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第四个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第四个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第四个目录</a></li> </ul> </div> <div class="slidingList_none" id="slidingList5"> <ul> <li><a href="http://sc.xvna.com" target="_blank">第五个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第五个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第五个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第五个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第五个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第五个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第五个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第五个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第五个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第五个目录</a></li> </ul> </div> <div class="slidingList_none" id="slidingList6"> <ul> <li><a href="http://sc.xvna.com" target="_blank">第六个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第六个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第六个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第六个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第六个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第六个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第六个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第六个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第六个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第六个目录</a></li> </ul> </div> <div class="slidingList_none" id="slidingList7"> <ul> <li><a href="http://sc.xvna.com" target="_blank">第七个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第七个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第七个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第七个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第七个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第七个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第七个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第七个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第七个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第七个目录</a></li> </ul> </div> <div class="slidingList_none" id="slidingList8"> <ul> <li><a href="http://sc.xvna.com" target="_blank">第八个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第八个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第八个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第八个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第八个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第八个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第八个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第八个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第八个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第八个目录</a></li> </ul> </div> <div class="slidingList_none" id="slidingList9"> <ul> <li><a href="http://sc.xvna.com" target="_blank">第九个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第九个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第九个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第九个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第九个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第九个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第九个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第九个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第九个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第九个目录</a></li> </ul> </div> <div class="slidingList_none" id="slidingList10"> <ul> <li><a href="http://sc.xvna.com" target="_blank">第十个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第十个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第十个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第十个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第十个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第十个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第十个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第十个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第十个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第十个目录</a></li> </ul> </div> <div class="slidingList_none" id="slidingList11"> <ul> <li><a href="http://sc.xvna.com" target="_blank">第十一个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第十一个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第十一个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第十一个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第十一个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第十一个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第十一个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第十一个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第十一个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第十一个目录</a></li> </ul> </div> <div class="slidingList_none" id="slidingList12"> <ul> <li><a href="http://sc.xvna.com" target="_blank">第十二个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第十二个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第十二个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第十二个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第十二个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第十二个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第十二个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第十二个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第十二个目录</a></li> <li><a href="http://sc.xvna.com" target="_blank">第十二个目录</a></li> </ul> </div> </div> </body> </html>
赞助商链接
炫友推荐
紫色梦幻背景与蝴蝶花纹矢量素材
紫色时尚花纹矢量素材
500款实用网站装饰小图标png图标
244个黑色简约风格PNG小图标
时尚手绘花纹psd素材
FZCQJW－中文字体下载
渲染花朵psd分层素材
hzgb2－中文字体下载
杂七杂八的花纹矢量素材
FZCCHJW－中文字体下载
炫浪推广
【注意】炫浪网 版权所有,未经书面授权禁止模仿风格或建立镜像网站.如有违反,追究法律责任.
【声明】本网站部分内容属社区网友发布，本网站仅提供网友交流平台，但有权在本网站范围内引用、发布、
转载来自社区网友发布的内容。网友发布内容纯属个人行为，与本网站立场无关。本网站对于网友发布的
内容所引发的版权、署名权的异议及纠纷，不承担任何责任。 粤ICP备
11064832
号 公安备案编号：4453023010550
