效果体验: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>