效果体验：http://keleyi.com/keleyi/phtml/menu/3.htm
HTML文件代码：
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <meta name="keywords" content="JS代码,菜单导航,JS广告代码,JS特效代码" /> 6 <meta name="description" content="此代码内容为柯乐义顶部导航菜单，属于站长常用代码，更多菜单导航代码请访问柯乐义JS代码频道。" /> 7 <title>柯乐义顶部导航菜单_柯乐义</title><base target="_blank" /> 8 <LINK href="http://keleyi.com/keleyi/phtml/menu/3/css/css.css"rel=stylesheet> 9 <SCRIPT type="text/javascript" src="http://keleyi.com/keleyi/phtml/menu/3/js/keleyi.com.tb.js"></SCRIPT> 10 </head> 11 12 <body style="text-align:center"> 13 14 <div id=page> 15 <div class="chl-poster simple" id=header> 16 <div id=site-nav> 17 <UL class="quick-menu"> 18 <LI class="home"><A href="http://keleyi.com/">柯乐义首页</A> </LI> 19 <LI><A href="http://keleyi.com/a/bjac/et551617.htm">我要买</A></LI> 20 <LI class="mytaobao menu-item"> 21 <div class="menu"> 22 <A class="menu-hd" href="http://keleyi.com/a/bjac/y63we342.htm" target=_top rel=nofollow>我的买卖<B></B></A> 23 <div class="menu-bd"> 24 <div class="menu-bd-panel"> 25 <div> 26 <A href="http://keleyi.com/a/bjac/et551617.htm" rel=nofollow>已买到的软件</A> 27 <A href="http://keleyi.com/a/bjac/e8t7hoj4.htm" rel=nofollow>已卖出的软件</A> 28 </div> 29 </div> 30 <S class="r"></S><S class="rt"></S><S class="lt"></S><S class="b"></S><S class="b b2"></S><S class="rb"></S><S class="lb"></S> 31 </div> 32 </div> 33 </LI> 34 <LI class="cart"><A href="http://keleyi.com/a/bjac/et551617.htm" rel=nofollow><S></S>购物车 </A></LI> 35 <LI class="favorite"><A href="http://keleyi.com/a/bjac/et551617.htm" rel=nofollow>收藏夹</A></LI> 36 <LI class="search menu-item"> 37 <div class="menu"><SPAN class="menu-hd"><S></S>搜索<B></B></SPAN> 38 <div class="menu-bd"> 39 <div class="menu-bd-panel"> 40 <FORM name=topSearch action="http://www.baidu.com/baidu?q=site%3Akeleyi.com%20柯乐义"><input type="hidden" name="q" value="柯乐义" /><INPUT 41 maxLength=60 name=word><BUTTON type=submit>搜 索</BUTTON> <INPUT type=hidden 42 value=keleyi.com name=si><input type="hidden" value="keleyi.com" name="s" /><input name=tn type=hidden value=baidu><input type="hidden" value="2097152" name="ct" /> </FORM> 43 </div> 44 <S class="r"></S><S class="rt"></S><S class="lt"></S><S class="b"></S><S class="b b2"></S><S class="rb"></S><S class="lb"></S> 45 </div> 46 </div> 47 </LI> 48 <LI class="services menu-item last"> 49 <div class="menu"> 50 <A class="menu-hd" href="http://keleyi.com/a/bjac/et551617.htm" target=_top>网站导航<B></B></A> 51 <div class="menu-bd" style="WIDTH: 210px; HEIGHT: 262px; _width: 202px"> 52 <div class="menu-bd-panel"> 53 <DL> 54 <DT><A href="http://keleyi.com/a/bjac/9dd21532ed1dbf23.htm">购物</A> 55 <DD> 56 <A href="http://keleyi.com/a/bjac/532bedbffca1affa.htm">商城</A> 57 <A href="http://keleyi.com/a/bjac/kjsrt3b0.htm">电器城</A> 58 <A href="http://keleyi.com/a/bjac/mt97p5y9.htm">嗨淘</A> 59 <A href="http://keleyi.com/a/bjac/et551617.htm">全球购</A> 60 <A href="http://keleyi.com/a/bjac/et551617.htm">跳蚤街</A> 61 <A href="http://keleyi.com/a/bjac/3wjq3xm2.htm">礼物</A> 62 <A href="http://keleyi.com/a/bjac/et551617.htm">促销</A> 63 <A href="http://keleyi.com/a/bjac/7slnymte.htm">机票</A> 64 <A href="http://keleyi.com/a/bjac/et551617.htm">彩票</A> 65 <A href="http://keleyi.com/a/bjac/c07969353e71816f.htm">创意</A> 66 </DD> 67 </DL> 68 <DL> 69 <DT><A href="http://keleyi.com/a/bjac/kjsrt3b0.htm">门户</A> 70 <DD><A href="http://keleyi.com/a/bjac/5aed2303707e30fa.htm">服饰</A> <A href="http://keleyi.com/a/bjac/et551617.htm">女人</A> <A href="http://keleyi.com/a/bjac/et551617.htm">美容</A> <A href="http://keleyi.com/a/bjac/3n8d6g5f.htm">居家</A> <A href="http://keleyi.com/a/bjac/1329fae4a4a54bdd.htm">男人</A> <A href="http://keleyi.com/a/bjac/et551617.htm">数码</A> <A href="http://keleyi.com/a/bjac/jp71q5jt.htm">亲子</A> <A href="http://keleyi.com/a/bjac/et551617.htm">时尚</A> <A href="http://keleyi.com/a/bjac/c6gu08gm.htm">试用</A> <A href="http://keleyi.com/a/bjac/et551617.htm">心得</A> <A href="http://keleyi.com/a/bjac/mnmpm4bv.htm">帮派</A> <A href="http://keleyi.com/a/bjac/et551617.htm">画报</A> <A href="http://keleyi.com/a/bjac/et551617.htm">淘女郎</A> <A href="http://keleyi.com/a/bjac/et551617.htm">社区</A> <A href="http://keleyi.com/a/bjac/et551617.htm">柯乐义传</A> 71 </DD> 72 </DL> 73 <DL> 74 <DT><A href="http://keleyi.com/a/bjac/nmwpqgag.htm">淘江湖</A> <A href="http://keleyi.com/a/bjac/et551617.htm">手机柯乐义</A> </DT></DL> 75 <DL> 76 <DT><A href="http://keleyi.com/a/bjac/1329fae4a4a54bdd.htm">帮助中心</A> 77 <DD><A href="http://keleyi.com/a/bjac/utovcdwr.htm">交易安全</A> <A href="http://keleyi.com/a/bjac/et551617.htm">维权中心</A> </DD></DL> 78 <DL class="last"> 79 <DD><STRONG style="FONT-WEIGHT: bold"><A href="http://keleyi.com/a/bjac/7e8897e5ec0849e9.htm">更多内容</A></STRONG></DD> 80 </DL> 81 </div> 82 <S class="r"></S><S class="rt"></S><S class="lt"></S><S class="b" style="WIDTH: 169px"></S><S class="b b2" style="WIDTH: 169px"></S><S class="rb"></S><S class="lb"></S> 83 </div> 84 </div> 85 </LI> 86 </UL> 87 </div> 88 </div> 89 </div> 90 <SCRIPT type=text/javascript> 91 TB.Header.init(); 92 </SCRIPT> 93 94 <p> </p> 95 <p>代码整理：<a href="http://keleyi.com/" target="_blank">柯乐义</a> 感谢：<a href="http://keleyi.com/" target="_blank">柯乐义</a></p> 96 <p>＊尊重他人劳动成果，转载请自觉注明出处！注：此代码仅供学习交流，请勿用于商业用途。</p> 97 <p></p> 98 <p><p>整合了购物车，收藏夹，搜索，搜索，网站导航等功能的导航。</p></p> 99 <p></p> 100 </body> 101 </html>
