刚弄的,看看吧,希望对你有用
<!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN" " /TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=" /1999/xhtml" lang="zh-CN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>css菜单演示</title> <style type="text/css"> <!-- * { margin:0; padding:0; border:0; } body { font-family: "方正中等线简体"; font-size:14px; } .zong_2 { width:950px; background:url(bg.jpg) no-repeat; height:35px; margin:0 auto; } #nav { line-height: 24px; list-style-type: none; background:#424240; width:950px; margin:0 auto; } #nav a { display: block; width: 100px; text-align:center; line-height:35px; } #nav a:link { color:#fff; text-decoration:none; } #nav a:visited { color:#fff; text-decoration:none; } #nav a:hover { color:#ddd; text-decoration:none; } #nav li { float: left; width: 100px; background:#424240; border-right:solid #b4b4b4 1px; } #nav li ul { line-height: 35px; list-style-type: none; text-align:left; left: -999em; width: 100px; position: absolute; } #nav li ul li { float: left; width: 100px; background: #fff; } #nav li ul a { display: block; width: 100px; text-align:center; border-left:solid #b4b4b4 1px; border-bottom:solid #b4b4b4 1px; } #nav li ul a:link { color:#666; text-decoration:none; } #nav li ul a:visited { color:#666; text-decoration:none; } #nav li ul a:hover { color:#999; text-decoration:none; font-weight:normal; } #nav li:hover ul { left: auto; } #nav li.sfhover ul { left: auto; } #content { clear: left; } .content_1 { width:950px; height:auto; margin:0 auto; border:solid c 1px; } --> </style> <script type=text/javascript><!--//--><![CDATA[//><!-- function menuFix() { var sfEls = document.getElementById("nav").getElementsByTagName("li"); for (var i=0; i<sfEls.length; i++) { sfEls[i].onmouseover=function() { this.className+=(this.className.length>0? " ": "") + "sfhover"; } sfEls[i].onMouseDown=function() { this.className+=(this.className.length>0? " ": "") + "sfhover"; } sfEls[i].onMouseUp=function() { this.className+=(this.className.length>0? " ": "") + "sfhover"; } sfEls[i].onmouseout=function() { this.className=this.className.replace(new RegExp("( ?|^)sfhover\b"), ""); } } } window.onload=menuFix; //--><!]]></script> </head> <body> <div class="zong_2"> <ul id="nav"> <li><a href="#">首页</a> </li> <li><a href="#">走进威震</a> <ul> <li><a href="">公司简介</a></li> <li> <a href="">公司文化</a></li> <li><a href="">公司照片</a></li> <li> <a href="">人事架构</a> </li> </ul> </li> <li><a href="#">娱乐智能化</a> <ul> <li> <a href=".html">智能化</a></li> <li><a href="jiudian.html">智能酒店</a></li> <li> <a href="jiaju.html">智能家居</a></li> </ul> </li> <li><a href="rongyu.html" target="_blank">公司荣誉</a></li> <li><a href="zixun.html" target="_blank">行业资讯</a></li> <li><a href="services.html" target="_blank">售后服务</a></li> <li><a href="lx.html" target="_blank">联系我们</a></li> <li><a href="ty.html" target="_blank">智能体验</a></li> </ul> </div> <div class="content_1"> <div align="center">1111111111111111 1</div> </div> </body> </html>
网址导航源码有很多种呀
有360网址导航,hao123网址导航源码,114LA网址导航
好像一般都是114LA PHP网址导航源码
推荐去这下载/51zxw
官方网站:点击访问月神科技官网优惠码:美国优惠方案:CPU:E5-2696V2,机房:国人热衷的优质 CeraNetworks机房,优惠码:3wuZD43F 【过期时间:5.31,季付年付均可用】活动方案:1、美国机房:洛杉矶CN2-GIA,100%高性能核心:2核CPU内存:2GB硬盘:50GB流量:Unmilited端口:10Mbps架构:KVM折后价:15元/月、150元/年传送:购买链接洛...
百纵科技:美国高防服务器,洛杉矶C3机房 独家接入zenlayer清洗 带金盾硬防,CPU全系列E52670、E52680v3 DDR4内存 三星固态盘阵列!带宽接入了cn2/bgp线路,速度快,无需备案,非常适合国内外用户群体的外贸、搭建网站等用途。官方网站:https://www.baizon.cnC3机房,双程CN2线路,默认200G高防,3+1(高防IP),不限流量,季付送带宽美国洛杉矶C...
轻云互联成立于2018年的国人商家,广州轻云互联网络科技有限公司旗下品牌,主要从事VPS、虚拟主机等云计算产品业务,适合建站、新手上车的值得选择,香港三网直连(电信CN2GIA联通移动CN2直连);美国圣何塞(回程三网CN2GIA)线路,所有产品均采用KVM虚拟技术架构,高效售后保障,稳定多年,高性能可用,网络优质,为您的业务保驾护航。官方网站:点击进入广州轻云网络科技有限公司活动规则:1.用户购...