<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="description" content="此代码内容为3款带阴影超酷css+js横向二级红色导航菜单代码02下载_零度对策，属于站长常用代码，更多焦点图代码请访问零度对策JS代码频道。" />
<title>3款带阴影超酷css+js横向二级红色导航菜单代码02下载_零度对策</title>
<style>
body {margin:0px;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
/*New Nav Style*/
#nav_wrap { width:960px;}
#nav{ background:url(images/nav_bg.gif) repeat-x bottom; height:49px; position:relative; width:950px; margin:20px auto;}
#nav .l{ background:url(images/nav_l.gif) no-repeat bottom; height:49px; width:28px; float:left}
#nav li { float:left; list-style:none;text-align:center;font-size:14px; }
#nav li .v a{ width:108px;height:49px; line-height:49px; display:block; color:#FFF;float:left; font-family:Arial,Verdana,Tahoma,"宋体"; }
#nav li .v a:hover,#nav li .v .sele{background:url(images/nav_hover.gif) no-repeat bottom;color:#fff;height:49px;line-height:49px; font-size:14px;padding-left:0px;}
#nav .kind_menu { height:30px;*height:29px; line-height:30px;vertical-align:middle; position:absolute; top:46px;*top:48px; left:70px; width:880px; text-align:left; display:none;color:#000;font-size:12px;}
#nav .kind_menu a {color:#000; float:left; text-align:center; width:90px; font-family:Arial,Verdana,Tahoma,"宋体";font-size:12px;}
#nav .kind_menu a:hover { color:#000; border-bottom:2px #a60000 solid;}
#nav .kind_menu span { font-size:10px; color:#000; line-height:30px; *line-height:26px; float:left }
</style>
<SCRIPT src="js/jquery.js" type=text/javascript></SCRIPT>
</head>
<body style="text-align:center">
<DIV id=nav_wrap>
<DIV id=nav>
<DIV class=l></DIV>
<UL class=c>
<LI><SPAN class=v><A href="http://www.duice.net" target="_blank">首页</A></SPAN>
<DIV class=kind_menu style="LEFT:50px">欢迎您访问零度对策,我们为您提供最优质的网络营销服务! </DIV></LI>
<LI><SPAN class=v><A href="#">特惠套餐</A></SPAN>
<DIV class=kind_menu style="LEFT: 40px">
<A href="#">电信特惠套餐</A> <SPAN>|</SPAN>
<A href="#">智能双线套餐</A> </DIV></LI>
<LI><SPAN class=v><A href="#">域名频道</A></SPAN>
<DIV class=kind_menu>
<A href="#">英文域名</A><SPAN>|</SPAN>
<A href="#">中文域名</A><SPAN>|</SPAN>
<A href="#">通用网址</A><SPAN>|</SPAN>
<A href="#">价格列表</A><SPAN>|</SPAN>
<A href="#">域名交易</A><SPAN>|</SPAN>
<A href="#">域名帮助</A><SPAN>|</SPAN>
<A href="#">智能加速</A> </DIV></LI>
<LI><SPAN class=v><A href="#">零度对策</A></SPAN>
<DIV class=kind_menu style="LEFT: 40px">
<A href="#">网络营销外包</A> <SPAN>|</SPAN>
<A href="#">网络营销外包</A> <SPAN>|</SPAN>
<A href="#">网络营销外包</A> <SPAN>|</SPAN>
<A href="#">网页特效代码</A> </DIV></LI>
<LI><SPAN class=v><A href="#">零度对策</A></SPAN>
<DIV class=kind_menu style="LEFT: 40px">
<A href="#">网络营销外包</A> <SPAN>|</SPAN>
<A href="#">网络营销外包</A> <SPAN>|</SPAN>
<A href="#">网络营销外包</A> <SPAN>|</SPAN>
<A href="#">网页特效代码</A> </DIV></LI>
<LI><SPAN class=v><A href="#">零度对策</A></SPAN>
<DIV class=kind_menu style="LEFT: 40px">
<A href="#">网络营销外包</A> <SPAN>|</SPAN>
<A href="#">网络营销外包</A> <SPAN>|</SPAN>
<A href="#">网络营销外包</A> <SPAN>|</SPAN>
<A href="#">网络营销外包</A> <SPAN>|</SPAN>
<A href="#">网络营销外包</A> <SPAN>|</SPAN>
<A href="#">网页特效代码</A> </DIV></LI>
</UL>
</DIV><!--nav-->
</DIV><!--nav_wrap-->
<SCRIPT type=text/javascript>
var site_url = window.location.href.toLowerCase();
switch (true) {
default :
$("#nav li").attr("class","");
$("#nav li").eq(0).attr("class","nav_lishw");
$(".nav_lishw .v a").attr("class","sele");
$(".nav_lishw .kind_menu").show();
}
$("#nav li").hover(
function(){
clearTimeout(setTimeout("0")-1);
$("#nav .kind_menu").hide();
$("#nav li .v .sele").attr("class","shutAhover");
$(this).attr("id","nav_hover")
$("#nav_hover .v a").attr("class","sele");
$("#nav_hover .kind_menu").show();
},
function(){
if($(this).attr("class") != "nav_lishw"){
$("#nav_hover .v .sele").attr("class","");
$("#nav_hover .kind_menu").hide();
}
$(this).attr("id","")
$("#nav li .v .shutAhover").attr("class","sele");
setTimeout(function(){
$(".nav_lishw .kind_menu").show();
$(".nav_lishw .v a").attr("class","sele");
},50);
}
);
</SCRIPT>
<!--下面只是说明与程序代码无关-->
<div style="width:670px;margin:200px auto;line-height:24px;clear:both; font-weight:normal; font-size:12px;">
<p>来源：<a href="http://www.duice.net" target="_blank">零度对策</a> 代码整理：<a href="http://www.duice.net/" target="_blank">苏杭</a> 感谢：<a href="http://www.duice.net" target="_blank">电子商务协会</a></p>
<p>＊尊重他人劳动成果，转载请自觉注明出处！注：此代码仅供学习交流，请勿用于商业用途。 <script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Ff660b2f891e56c46ea74e2e8077357e7' type='text/javascript'%3E%3C/script%3E"));
</script></p></div>
</div>
</body>
</html>
3款带阴影超酷css+js横向二级绿色导航菜单附psd源文件
5星 · 超过95%的资源 需积分: 9 166 浏览量
2011-09-06
14:48:55
上传
评论 1
收藏 417KB RAR 举报 
3款带阴影超酷css+js横向二级绿色导航菜单附psd源文件.rar （21个子文件） 
1 images 
nav_l.gif 1KB nav_bg.gif 422B nav_hover.gif 2KB
Thumbs.db 7KB js jquery.js 30KB
index.html 5KB
menu52.jpg 12KB menu52.psd 1.19MB menu52x.jpg 6KB 2 images nav_l.gif 724B nav_bg.gif 405B nav_hover.gif 2KB Thumbs.db 7KB js jquery.js 30KB index.html 5KB 3 images nav_l.gif 1KB nav_bg.gif 406B nav_hover.gif 2KB Thumbs.db 7KB js jquery.js 30KB index.html 5KB资源评论
gxm3122014-11-14亲测可用，谢谢
