迪恩网络 购物大图上的导航

admin

代码添加到头部文件，下面附件和图片放根目录

1. <script type="text/javascript" src="jquery-1.8.3.min.js"></script>
   
2. <script type="text/javascript" src="jquery.SuperSlide.2.1.1.js"></script>
   
3. <link href="font-awesome.min.css" type="text/css" rel="stylesheet" />
   
4. <script type="text/javascript">
   
5.         var jq=jQuery.noConflict();
   
6. </script>
   
7. <style type="text/css">
   
8. .clear{ clear:both;}
   
9. .datu1{ position:relative; z-index:1;}
   
10. .deanw1180{ position:relative; z-index:2; margin:0 auto; width:1200px;}
    
11. /*下拉导航*/
    
12.                 .deannavbox{ width:210px; height:490px; background:rgba(0,0,0,0.7); position:absolute; top:15px; left:0; z-index:102;}
    
13.                         .deannavboxname{}
    
14.                                 .deannavboxname ul{}
    
15.                                         .deannavboxname ul li{ width: 210px; color:#fff; text-align:center; font-size:15px; line-height:36px; height: 36px; position:relative;}
    
16.                                                 .deannavboxname ul li a{ display:block;}
    
17.                                                 .deannavboxname ul li.cur b{ position: absolute; right:0px; top:12px; display: block; width: 10px; height: 35px; background: url(left.png) no-repeat top right;}
    
18.                                                 .deannavboxname ul li.deanli1 a{ background:url(icon.png) no-repeat 50px -45px;}
    
19.                                                 .deannavboxname ul li.deanli1 a:hover{ background:url(icon-hover.png) no-repeat 50px -45px;}
    
20.                                                 .deannavboxname ul li.deanli2 a{ background:url(icon.png) no-repeat 50px -81px;}
    
21.                                                 .deannavboxname ul li.deanli2 a:hover{ background:url(icon-hover.png) no-repeat 50px -81px;}
    
22.                                                 .deannavboxname ul li.deanli3 a{ background:url(icon.png) no-repeat 50px -117px;}
    
23.                                                 .deannavboxname ul li.deanli3 a:hover{ background:url(icon-hover.png) no-repeat 50px -113px;}
    
24.                                                 .deannavboxname ul li.deanli4 a{ background:url(icon.png) no-repeat 50px -153px;}
    
25.                                                 .deannavboxname ul li.deanli4 a:hover{ background:url(icon-hover.png) no-repeat 50px -153px;}
    
26.                                                 .deannavboxname ul li.deanli5 a{ background:url(icon.png) no-repeat 50px -189px;}
    
27.                                                 .deannavboxname ul li.deanli5 a:hover{ background:url(icon-hover.png) no-repeat 50px -189px;}
    
28.                                                 .deannavboxname ul li.deanli6 a{ background:url(icon.png) no-repeat 50px -225px;}
    
29.                                                 .deannavboxname ul li.deanli6 a:hover{ background:url(icon-hover.png) no-repeat 50px -225px;}
    
30.                                                 .deannavboxname ul li.deanli7 a{ background:url(icon.png) no-repeat 50px -261px;}
    
31.                                                 .deannavboxname ul li.deanli7 a:hover{ background:url(icon-hover.png) no-repeat 50px -261px;}
    
32.                                                 .deannavboxname ul li.deanli8 a{ background:url(icon.png) no-repeat 50px -297px;}
    
33.                                                 .deannavboxname ul li.deanli8 a:hover{ background:url(icon-hover.png) no-repeat 50px -297px;}
    
34.                                                 .deannavboxname ul li.deanli9 a{ background:url(icon.png) no-repeat 50px -333px;}
    
35.                                                 .deannavboxname ul li.deanli9 a:hover{ background:url(icon-hover.png) no-repeat 50px -333px;}
    
36.                                                 .deannavboxname ul li.deanli10 a{ background:url(icon.png) no-repeat 50px -369px;}
    
37.                                                 .deannavboxname ul li.deanli10 a:hover{ background:url(icon-hover.png) no-repeat 50px -369px;}
    
38.                                                 .deannavboxname ul li.deanli11 a{ background:url(icon.png) no-repeat 50px -405px;}
    
39.                                                 .deannavboxname ul li.deanli11 a:hover{ background:url(icon-hover.png) no-repeat 50px -405px;}
    
40.                                                 .deannavboxname ul li.deanli12 a{ background:url(icon.png) no-repeat 50px -441px;}
    
41.                                                 .deannavboxname ul li.deanli12 a:hover{ background:url(icon-hover.png) no-repeat 50px -441px;}
    
42.                                                 .deannavboxname ul li.deanli13 a{ background:url(icon.png) no-repeat 50px -475px;}
    
43.                                                 .deannavboxname ul li.deanli13 a:hover{ background:url(icon-hover.png) no-repeat 50px -475px;}
    
44.                                                 
    
45.                                                 .deannavboxname ul li a{ color:#fff;}
    
46.                                 .deannavboxc{ }
    
47.                                         .deannavboxc li{ display:none; width:680px; height:486px; background:#fff; position:absolute; z-index:103; left:210px; top:2px; color:#333;}
    
48.                                                 .deanliwrap{ padding:10px; padding-left:30px;}
    
49.                                                         .deanliwl{ float:left; width:350px;}
    
50.                                                                 .deanliwl h3{ height:30px; line-height:30px;}
    
51.                                                                         .deanliwl h3 a{ font-size:14px; color:#333; display:block; background:url(arrowright1.jpg) 60px 10px no-repeat; }
    
52.                                                                         .deanliwl h3 a:hover{ color:#EF0626; background:url(arrowright.jpg) 60px 10px no-repeat; }
    
53.                                                                 .deanliwdl{ white-space: nowrap; margin-bottom:20px;}
    
54.                                                                         .deanliwdl a{ float: left; height:22px; line-height:22px; padding-top:5px; padding-right: 12px; margin-right: 10px; background: url(listbg.jpg) no-repeat right center; display: inline-block; font-size: 12px; color: #555;}
    
55.                                                                         .deanliwdl a:hover{color:#EF0626;}
    
56.                                                         .deanliwl dl{}
    
57.                                                                 .deanliwl dl dd{ float:left; margin-bottom: 15px; margin-right: 10px; width: 155px; text-align:center;}
    
58.                                                                         .deanliwl dl dd a{ display: block; height: 36px; line-height: 36px; font-size: 15px; color: #333; background:#F1F1F1; }
    
59.                                                                         .deanliwl dl dd a:hover{ background:#EF0626; color:#fff;}
    
60.                                                         .deanliwr{ float:right; width:256px;}
    
61.                                                                 .deanliwr a:hover img{ opacity:0.9;}
    
62.                                                                 .deanadx2{ width:256px; margin-top:10px;}
    
63. </style>
    
64. <div class="deanw1180">
    
65. <div class="deannavbox">
    
66.     <div class="deannavboxname">
    
67.         <ul>
    
68.             <li class="deanli1"><a href="#" target="_blank">数码家电</a><b></b></li>
    
69.             <li class="deanli2"><a href="#" target="_blank">皮具箱包</a><b></b></li>
    
70.             <li class="deanli3"><a href="#" target="_blank">杯子茶具</a><b></b></li>
    
71.             <li class="deanli4"><a href="#" target="_blank">文具本册</a><b></b></li>
    
72.             <li class="deanli5"><a href="#" target="_blank">广告服装</a><b></b></li>
    
73.             <li class="deanli6"><a href="#" target="_blank">创意促销</a><b></b></li>
    
74.             <li class="deanli7"><a href="#" target="_blank">工艺礼品</a><b></b></li>
    
75.             <li class="deanli8"><a href="#" target="_blank">家居家纺</a><b></b></li>
    
76.             <li class="deanli9"><a href="#" target="_blank">运动健康</a><b></b></li>
    
77.             <li class="deanli10"><a href="#" target="_blank">户外汽车</a><b></b></li>
    
78.             <li class="deanli11"><a href="#" target="_blank">礼品套装</a><b></b></li>
    
79.             <li class="deanli12"><a href="#" target="_blank">行业礼品</a><b></b></li>
    
80.             <li class="deanli13"><a href="#" target="_blank">精选品牌</a><b></b></li>
    
81.         </ul>
    
82.     </div>
    
83.     <div class="deannavboxc">
    
84.         <ul>
    
85.             <li>
    
86.                 <div class="deanliwrap">
    
87.                     <div class="deanliwl">
    
88.                         <h3><a href="#" target="_blank">数码电子</a></h3>
    
89.                         <div class="clear"></div>
    
90.                         <div class="deanliwdl"><a href="#" target="_blank">移动电源</a><a href="#" target="_blank">音箱</a><a href="#" target="_blank">鼠标键盘</a><a href="#" target="_blank">数码相框</a><a href="#" target="_blank">读卡器</a><a href="#" target="_blank">MP3播放器</a><a href="#" target="_blank">车载充电器</a><a href="#" target="_blank">耳机</a><a href="#" target="_blank">一键上网器</a><a href="#" target="_blank">转换插座</a><a href="#" target="_blank">USB集线器</a><a href="#" target="_blank">USB风扇</a><a href="#" target="_blank">万年历笔筒</a><a href="#" target="_blank">时计产品</a><a href="#" target="_blank">广告手表</a><a href="#" target="_blank">其他</a><div class="clear"></div></div>
    
91.                         <div class="clear"></div>
    
92.                         <h3><a href="#" target="_blank">小家电</a></h3>
    
93.                         <div class="clear"></div>
    
94.                         <div class="deanliwdl"><a href="#" target="_blank">电热水壶</a><a href="#" target="_blank">酸奶机</a><a href="#" target="_blank">豆浆机</a><a href="#" target="_blank">咖啡机</a><a href="#" target="_blank">手电筒</a><a href="#" target="_blank">榨汁搅拌机</a><a href="#" target="_blank">蒸蛋器</a><a href="#" target="_blank">空气净化器</a><a href="#" target="_blank">空气加湿器</a><a href="#" target="_blank">灯具</a><a href="#" target="_blank">剃须刀</a><a href="#" target="_blank">电吹风</a><a href="#" target="_blank">吸尘器</a><a href="#" target="_blank">电烤箱</a><a href="#" target="_blank">电饼铛</a><a href="#" target="_blank">其他</a><div class="clear"></div></div>
    
95.                         <div class="clear"></div>
    
96.                         <h3><a href="#" target="_blank">品牌数码</a></h3>
    
97.                         <div class="clear"></div>
    
98.                         <div class="deanliwdl"><a href="#" target="_blank">海尔</a><a href="#" target="_blank">爱国者</a><a href="#" target="_blank">JBL音响</a><a href="#" target="_blank">飞利浦</a><a href="#" target="_blank">惠普</a><a href="#" target="_blank">CASIO卡西欧</a><a href="#" target="_blank">依波表</a><a href="#" target="_blank">微软</a><a href="#" target="_blank">罗技</a><a href="#" target="_blank">荣事达</a><a href="#" target="_blank">小鸭</a><a href="#" target="_blank">奔腾电器</a><a href="#" target="_blank">朗科</a><a href="#" target="_blank">天王表</a><a href="#" target="_blank">sandisk闪迪</a><a href="#" target="_blank">小熊电器</a><div class="clear"></div></div>
    
99.                     </div>
    
100.                     <div class="deanliwr">
     
101.                         <div class="deanadx1"><a href="#" target="_blank"><img src="./template/dean_goods_160826/deancss/xad/1.jpg" width="256" /></a></div>
     
102.                         <div class="clear"></div>
     
103.                         <div class="deanadx2"><a href="#" target="_blank"><img src="./template/dean_goods_160826/deancss/xad/2.jpg" width="256" /></a></div>
     
104.                     </div>
     
105.                     <div class="clear"></div>
     
106.                 </div>
     
107.             </li>
     
108.             <li>
     
109.                 <div class="deanliwrap">
     
110.                     <div class="deanliwl">
     
111.                         <h3><a href="#" target="_blank">皮具</a></h3>
     
112.                         <div class="clear"></div>
     
113.                         <div class="deanliwdl"><a href="#" target="_blank">钱夹/钱包</a><a href="#" target="_blank">名片包/卡包</a><a href="#" target="_blank">钥匙/零钱包</a><a href="#" target="_blank">票证包</a><a href="#" target="_blank">CD包/夹</a><a href="#" target="_blank">手包</a><a href="#" target="_blank">行李牌</a><a href="#" target="_blank">皮带</a><a href="#" target="_blank">其他</a><div class="clear"></div></div>
     
114.                         <div class="clear"></div>
     
115.                         <h3><a href="#" target="_blank">箱包</a></h3>
     
116.                         <div class="clear"></div>
     
117.                         <div class="deanliwdl"><a href="#" target="_blank">电脑包</a><a href="#" target="_blank">双肩包</a><a href="#" target="_blank">单肩包</a><a href="#" target="_blank">拉杆箱/包</a><a href="#" target="_blank">托运/旅行包</a><a href="#" target="_blank">公文包</a><a href="#" target="_blank">冰包/冰桶</a><a href="#" target="_blank">IPAD包</a><a href="#" target="_blank">购物车</a><a href="#" target="_blank">折叠袋</a><a href="#" target="_blank">洗漱包</a><a href="#" target="_blank">儿童包</a><a href="#" target="_blank">野餐包</a><a href="#" target="_blank">登山包</a><a href="#" target="_blank">腰包/胸包/挎包</a><a href="#" target="_blank">帆布袋</a><div class="clear"></div></div>
     
118.                         <div class="clear"></div>
     
119.                         <h3><a href="#" target="_blank">品牌箱包</a></h3>
     
120.                         <div class="clear"></div>
     
121.                         <div class="deanliwdl"><a href="#" target="_blank">Swissgear</a><a href="#" target="_blank">新秀丽</a><a href="#" target="_blank">法国乐上LEXON</a><a href="#" target="_blank">外交官 Diploma</a><div class="clear"></div></div>
     
122.                     </div>
     
123.                     <div class="deanliwr">
     
124.                         <div class="deanadx1"><a href="#" target="_blank"><img src="./template/dean_goods_160826/deancss/xad/3.jpg" width="256" /></a></div>
     
125.                         <div class="clear"></div>
     
126.                         <div class="deanadx2"><a href="#" target="_blank"><img src="./template/dean_goods_160826/deancss/xad/4.jpg" width="256" /></a></div>
     
127.                     </div>
     
128.                     <div class="clear"></div>
     
129.                 </div>
     
130.             </li>
     
131.             <li>
     
132.                 <div class="deanliwrap">
     
133.                     <div class="deanliwl">
     
134.                         <h3><a href="#" target="_blank">水杯</a></h3>
     
135.                         <div class="clear"></div>
     
136.                         <div class="deanliwdl"><a href="#" target="_blank">钱夹/钱包</a><a href="#" target="_blank">名片包/卡包</a><a href="#" target="_blank">钥匙/零钱包</a><a href="#" target="_blank">票证包</a><a href="#" target="_blank">CD包/夹</a><a href="#" target="_blank">手包</a><a href="#" target="_blank">行李牌</a><a href="#" target="_blank">皮带</a><a href="#" target="_blank">其他</a><div class="clear"></div></div>
     
137.                         <div class="clear"></div>
     
138.                         <h3><a href="#" target="_blank">水壶</a></h3>
     
139.                         <div class="clear"></div>
     
140.                         <div class="deanliwdl"><a href="#" target="_blank">电脑包</a><a href="#" target="_blank">双肩包</a><a href="#" target="_blank">单肩包</a><a href="#" target="_blank">拉杆箱/包</a><a href="#" target="_blank">托运/旅行包</a><a href="#" target="_blank">公文包</a><a href="#" target="_blank">冰包/冰桶</a><a href="#" target="_blank">IPAD包</a><a href="#" target="_blank">购物车</a><a href="#" target="_blank">折叠袋</a><a href="#" target="_blank">洗漱包</a><a href="#" target="_blank">儿童包</a><a href="#" target="_blank">野餐包</a><a href="#" target="_blank">登山包</a><a href="#" target="_blank">腰包/胸包/挎包</a><a href="#" target="_blank">帆布袋</a><div class="clear"></div></div>
     
141.                         <div class="clear"></div>
     
142.                         <h3><a href="#" target="_blank">品牌杯子</a></h3>
     
143.                         <div class="clear"></div>
     
144.                         <div class="deanliwdl"><a href="#" target="_blank">膳魔师</a><a href="#" target="_blank">沃奇</a><a href="#" target="_blank">佳嘉丽</a><a href="#" target="_blank">欧诺</a><div class="clear"></div></div>
     
145.                     </div>
     
146.                     <div class="deanliwr">
     
147.                         <div class="deanadx1"><a href="#" target="_blank"><img src="./template/dean_goods_160826/deancss/xad/5.jpg" width="256" /></a></div>
     
148.                         <div class="clear"></div>
     
149.                         <div class="deanadx2"><a href="#" target="_blank"><img src="./template/dean_goods_160826/deancss/xad/6.jpg" width="256" /></a></div>
     
150.                     </div>
     
151.                     <div class="clear"></div>
     
152.                 </div>
     
153.             </li>
     
154.             <li>
     
155.                 <div class="deanliwrap">
     
156.                     <div class="deanliwl">
     
157.                         <h3><a href="#" target="_blank">本册</a></h3>
     
158.                         <div class="clear"></div>
     
159.                         <div class="deanliwdl"><a href="#" target="_blank">钱夹/钱包</a><a href="#" target="_blank">名片包/卡包</a><a href="#" target="_blank">钥匙/零钱包</a><a href="#" target="_blank">票证包</a><a href="#" target="_blank">CD包/夹</a><a href="#" target="_blank">手包</a><a href="#" target="_blank">行李牌</a><a href="#" target="_blank">皮带</a><a href="#" target="_blank">其他</a><div class="clear"></div></div>
     
160.                         <div class="clear"></div>
     
161.                         <h3><a href="#" target="_blank">办公用品</a></h3>
     
162.                         <div class="clear"></div>
     
163.                         <div class="deanliwdl"><a href="#" target="_blank">电脑包</a><a href="#" target="_blank">双肩包</a><a href="#" target="_blank">单肩包</a><a href="#" target="_blank">拉杆箱/包</a><a href="#" target="_blank">托运/旅行包</a><a href="#" target="_blank">公文包</a><a href="#" target="_blank">冰包/冰桶</a><a href="#" target="_blank">IPAD包</a><a href="#" target="_blank">购物车</a><a href="#" target="_blank">折叠袋</a><a href="#" target="_blank">洗漱包</a><a href="#" target="_blank">儿童包</a><a href="#" target="_blank">野餐包</a><a href="#" target="_blank">登山包</a><a href="#" target="_blank">腰包/胸包/挎包</a><a href="#" target="_blank">帆布袋</a><div class="clear"></div></div>
     
164.                         <div class="clear"></div>
     
165.                         <h3><a href="#" target="_blank">挂台日历</a></h3>
     
166.                         <div class="clear"></div>
     
167.                         <div class="deanliwdl"><a href="#" target="_blank">膳魔师</a><a href="#" target="_blank">沃奇</a><a href="#" target="_blank">佳嘉丽</a><a href="#" target="_blank">欧诺</a><div class="clear"></div></div>
     
168.                     </div>
     
169.                     <div class="deanliwr">
     
170.                         <div class="deanadx1"><a href="#" target="_blank"><img src="./template/dean_goods_160826/deancss/xad/7.jpg" width="256" /></a></div>
     
171.                         <div class="clear"></div>
     
172.                         <div class="deanadx2"><a href="#" target="_blank"><img src="./template/dean_goods_160826/deancss/xad/8.jpg" width="256" /></a></div>
     
173.                     </div>
     
174.                     <div class="clear"></div>
     
175.                 </div>
     
176.             </li>
     
177.             <li>
     
178.                 <div class="deanliwrap">
     
179.                     <div class="deanliwl">
     
180.                         <h3><a href="#" target="_blank">服装定做</a></h3>
     
181.                         <div class="clear"></div>
     
182.                         <div class="deanliwdl"><a href="#" target="_blank">圆领文化衫</a><a href="#" target="_blank">翻领T恤</a><a href="#" target="_blank">衬衫</a><a href="#" target="_blank">秋冬服装</a><a href="#" target="_blank">马夹</a><a href="#" target="_blank">其他</a><div class="clear"></div></div>
     
183.                         <div class="clear"></div>
     
184.                         <h3><a href="#" target="_blank">配饰</a></h3>
     
185.                         <div class="clear"></div>
     
186.                         <div class="deanliwdl"><a href="#" target="_blank">太阳帽</a><a href="#" target="_blank">围巾领带</a><a href="#" target="_blank">手套</a><a href="#" target="_blank">皮带</a><a href="#" target="_blank">袖扣</a><a href="#" target="_blank">其他</a><div class="clear"></div></div>
     
187.                         <div class="clear"></div>
     
188.                         
     
189.                     </div>
     
190.                     <div class="deanliwr">
     
191.                         <div class="deanadx1"><a href="#" target="_blank"><img src="./template/dean_goods_160826/deancss/xad/1.jpg" width="256" /></a></div>
     
192.                         <div class="clear"></div>
     
193.                         <div class="deanadx2"><a href="#" target="_blank"><img src="./template/dean_goods_160826/deancss/xad/2.jpg" width="256" /></a></div>
     
194.                     </div>
     
195.                     <div class="clear"></div>
     
196.                 </div>
     
197.             </li>
     
198.             <li>
     
199.                 <div class="deanliwrap">
     
200.                     <div class="deanliwl">
     
201.                         <h3><a href="#" target="_blank">创意礼品</a></h3>
     
202.                         <div class="clear"></div>
     
203.                         <div class="deanliwdl"><a href="#" target="_blank">创意数码</a><a href="#" target="_blank">名片包/卡包</a><a href="#" target="_blank">钥匙/零钱包</a><a href="#" target="_blank">票证包</a><a href="#" target="_blank">CD包/夹</a><a href="#" target="_blank">手包</a><a href="#" target="_blank">行李牌</a><a href="#" target="_blank">皮带</a><a href="#" target="_blank">其他</a><div class="clear"></div></div>
     
204.                         <div class="clear"></div>
     
205.                         <h3><a href="#" target="_blank">促销礼品</a></h3>
     
206.                         <div class="clear"></div>
     
207.                         <div class="deanliwdl"><a href="#" target="_blank">电脑包</a><a href="#" target="_blank">双肩包</a><a href="#" target="_blank">单肩包</a><a href="#" target="_blank">拉杆箱/包</a><a href="#" target="_blank">托运/旅行包</a><a href="#" target="_blank">公文包</a><a href="#" target="_blank">冰包/冰桶</a><a href="#" target="_blank">IPAD包</a><a href="#" target="_blank">购物车</a><a href="#" target="_blank">折叠袋</a><a href="#" target="_blank">洗漱包</a><a href="#" target="_blank">儿童包</a><a href="#" target="_blank">野餐包</a><a href="#" target="_blank">登山包</a><a href="#" target="_blank">腰包/胸包/挎包</a><a href="#" target="_blank">帆布袋</a><div class="clear"></div></div>
     
208.                         <div class="clear"></div>
     
209.                         <h3><a href="#" target="_blank">特色礼品</a></h3>
     
210.                         <div class="clear"></div>
     
211.                         <div class="deanliwdl"><a href="#" target="_blank">Swissgear</a><a href="#" target="_blank">新秀丽</a><a href="#" target="_blank">法国乐上LEXON</a><a href="#" target="_blank">外交官 Diploma</a><div class="clear"></div></div>
     
212.                     </div>
     
213.                     <div class="deanliwr">
     
214.                         <div class="deanadx1"><a href="#" target="_blank"><img src="./template/dean_goods_160826/deancss/xad/3.jpg" width="256" /></a></div>
     
215.                         <div class="clear"></div>
     
216.                         <div class="deanadx2"><a href="#" target="_blank"><img src="./template/dean_goods_160826/deancss/xad/4.jpg" width="256" /></a></div>
     
217.                     </div>
     
218.                     <div class="clear"></div>
     
219.                 </div>
     
220.             </li>
     
221.             <li>
     
222.                 <div class="deanliwrap">
     
223.                     <div class="deanliwl">
     
224.                         <h3><a href="#" target="_blank">水晶玉石</a></h3>
     
225.                         <div class="clear"></div>
     
226.                         <div class="deanliwdl"><a href="#" target="_blank">钱夹/钱包</a><a href="#" target="_blank">名片包/卡包</a><a href="#" target="_blank">钥匙/零钱包</a><a href="#" target="_blank">票证包</a><a href="#" target="_blank">CD包/夹</a><a href="#" target="_blank">手包</a><a href="#" target="_blank">行李牌</a><a href="#" target="_blank">皮带</a><a href="#" target="_blank">其他</a><div class="clear"></div></div>
     
227.                         <div class="clear"></div>
     
228.                         <h3><a href="#" target="_blank">贵重金属</a></h3>
     
229.                         <div class="clear"></div>
     
230.                         <div class="deanliwdl"><a href="#" target="_blank">电脑包</a><a href="#" target="_blank">双肩包</a><a href="#" target="_blank">单肩包</a><a href="#" target="_blank">拉杆箱/包</a><a href="#" target="_blank">托运/旅行包</a><a href="#" target="_blank">公文包</a><a href="#" target="_blank">冰包/冰桶</a><a href="#" target="_blank">IPAD包</a><a href="#" target="_blank">购物车</a><a href="#" target="_blank">折叠袋</a><a href="#" target="_blank">洗漱包</a><a href="#" target="_blank">儿童包</a><a href="#" target="_blank">野餐包</a><a href="#" target="_blank">登山包</a><a href="#" target="_blank">腰包/胸包/挎包</a><a href="#" target="_blank">帆布袋</a><div class="clear"></div></div>
     
231.                         <div class="clear"></div>
     
232.                         <h3><a href="#" target="_blank">丝绸绵薄</a></h3>
     
233.                         <div class="clear"></div>
     
234.                         <div class="deanliwdl"><a href="#" target="_blank">丝绸画</a><a href="#" target="_blank">丝绸制品</a><div class="clear"></div></div>
     
235.                     </div>
     
236.                     <div class="deanliwr">
     
237.                         <div class="deanadx1"><a href="#" target="_blank"><img src="./template/dean_goods_160826/deancss/xad/5.jpg" width="256" /></a></div>
     
238.                         <div class="clear"></div>
     
239.                         <div class="deanadx2"><a href="#" target="_blank"><img src="./template/dean_goods_160826/deancss/xad/6.jpg" width="256" /></a></div>
     
240.                     </div>
     
241.                     <div class="clear"></div>
     
242.                 </div>
     
243.             </li>
     
244.             <li>
     
245.                 <div class="deanliwrap">
     
246.                     <div class="deanliwl">
     
247.                         <h3><a href="#" target="_blank">家居</a></h3>
     
248.                         <div class="clear"></div>
     
249.                         <div class="deanliwdl"><a href="#" target="_blank">钱夹/钱包</a><a href="#" target="_blank">名片包/卡包</a><a href="#" target="_blank">钥匙/零钱包</a><a href="#" target="_blank">票证包</a><a href="#" target="_blank">CD包/夹</a><a href="#" target="_blank">手包</a><a href="#" target="_blank">行李牌</a><a href="#" target="_blank">皮带</a><a href="#" target="_blank">其他</a><div class="clear"></div></div>
     
250.                         <div class="clear"></div>
     
251.                         <h3><a href="#" target="_blank">家纺</a></h3>
     
252.                         <div class="clear"></div>
     
253.                         <div class="deanliwdl"><a href="#" target="_blank">电脑包</a><a href="#" target="_blank">双肩包</a><a href="#" target="_blank">单肩包</a><a href="#" target="_blank">拉杆箱/包</a><a href="#" target="_blank">托运/旅行包</a><a href="#" target="_blank">公文包</a><a href="#" target="_blank">冰包/冰桶</a><a href="#" target="_blank">IPAD包</a><a href="#" target="_blank">购物车</a><a href="#" target="_blank">折叠袋</a><a href="#" target="_blank">洗漱包</a><a href="#" target="_blank">儿童包</a><a href="#" target="_blank">野餐包</a><a href="#" target="_blank">登山包</a><a href="#" target="_blank">腰包/胸包/挎包</a><a href="#" target="_blank">帆布袋</a><div class="clear"></div></div>
     
254.                         <div class="clear"></div>
     
255.                         <h3><a href="#" target="_blank">品牌家居</a></h3>
     
256.                         <div class="clear"></div>
     
257.                         <div class="deanliwdl"><a href="#" target="_blank">膳魔师</a><a href="#" target="_blank">沃奇</a><a href="#" target="_blank">佳嘉丽</a><a href="#" target="_blank">欧诺</a><div class="clear"></div></div>
     
258.                     </div>
     
259.                     <div class="deanliwr">
     
260.                         <div class="deanadx1"><a href="#" target="_blank"><img src="./template/dean_goods_160826/deancss/xad/7.jpg" width="256" /></a></div>
     
261.                         <div class="clear"></div>
     
262.                         <div class="deanadx2"><a href="#" target="_blank"><img src="./template/dean_goods_160826/deancss/xad/8.jpg" width="256" /></a></div>
     
263.                     </div>
     
264.                     <div class="clear"></div>
     
265.                 </div>
     
266.             </li>
     
267.             <li>
     
268.                 <div class="deanliwrap">
     
269.                     <div class="deanliwl">
     
270.                         <h3><a href="#" target="_blank">运动健身</a></h3>
     
271.                         <div class="clear"></div>
     
272.                         <div class="deanliwdl"><a href="#" target="_blank">移动电源</a><a href="#" target="_blank">音箱</a><a href="#" target="_blank">鼠标键盘</a><a href="#" target="_blank">数码相框</a><a href="#" target="_blank">读卡器</a><a href="#" target="_blank">MP3播放器</a><a href="#" target="_blank">车载充电器</a><a href="#" target="_blank">耳机</a><a href="#" target="_blank">一键上网器</a><a href="#" target="_blank">转换插座</a><a href="#" target="_blank">USB集线器</a><a href="#" target="_blank">USB风扇</a><a href="#" target="_blank">万年历笔筒</a><a href="#" target="_blank">时计产品</a><a href="#" target="_blank">广告手表</a><a href="#" target="_blank">其他</a><div class="clear"></div></div>
     
273.                         <div class="clear"></div>
     
274.                         <h3><a href="#" target="_blank">家庭医疗</a></h3>
     
275.                         <div class="clear"></div>
     
276.                         <div class="deanliwdl"><a href="#" target="_blank">电热水壶</a><a href="#" target="_blank">酸奶机</a><a href="#" target="_blank">豆浆机</a><a href="#" target="_blank">咖啡机</a><a href="#" target="_blank">手电筒</a><a href="#" target="_blank">榨汁搅拌机</a><a href="#" target="_blank">蒸蛋器</a><a href="#" target="_blank">空气净化器</a><a href="#" target="_blank">空气加湿器</a><a href="#" target="_blank">灯具</a><a href="#" target="_blank">剃须刀</a><a href="#" target="_blank">电吹风</a><a href="#" target="_blank">吸尘器</a><a href="#" target="_blank">电烤箱</a><a href="#" target="_blank">电饼铛</a><a href="#" target="_blank">其他</a><div class="clear"></div></div>
     
277.                         <div class="clear"></div>
     
278.                         <h3><a href="#" target="_blank">运动品牌</a></h3>
     
279.                         <div class="clear"></div>
     
280.                         <div class="deanliwdl"><a href="#" target="_blank">欧姆龙</a><a href="#" target="_blank">赛诺</a><a href="#" target="_blank">香山</a><a href="#" target="_blank">飞利浦</a><a href="#" target="_blank">惠普</a><a href="#" target="_blank">CASIO卡西欧</a><a href="#" target="_blank">依波表</a><a href="#" target="_blank">微软</a><a href="#" target="_blank">罗技</a><a href="#" target="_blank">荣事达</a><a href="#" target="_blank">小鸭</a><a href="#" target="_blank">奔腾电器</a><a href="#" target="_blank">朗科</a><a href="#" target="_blank">天王表</a><a href="#" target="_blank">sandisk闪迪</a><a href="#" target="_blank">小熊电器</a><div class="clear"></div></div>
     
281.                     </div>
     
282.                     <div class="deanliwr">
     
283.                         <div class="deanadx1"><a href="#" target="_blank"><img src="./template/dean_goods_160826/deancss/xad/1.jpg" width="256" /></a></div>
     
284.                         <div class="clear"></div>
     
285.                         <div class="deanadx2"><a href="#" target="_blank"><img src="./template/dean_goods_160826/deancss/xad/2.jpg" width="256" /></a></div>
     
286.                     </div>
     
287.                     <div class="clear"></div>
     
288.                 </div>
     
289.             </li>
     
290.             <li>
     
291.                 <div class="deanliwrap">
     
292.                     <div class="deanliwl">
     
293.                         <h3><a href="#" target="_blank">户外用品</a></h3>
     
294.                         <div class="clear"></div>
     
295.                         <div class="deanliwdl"><a href="#" target="_blank">急救包</a><a href="#" target="_blank">野营帐篷</a><a href="#" target="_blank">太阳能照明</a><a href="#" target="_blank">票证包</a><a href="#" target="_blank">CD包/夹</a><a href="#" target="_blank">手包</a><a href="#" target="_blank">行李牌</a><a href="#" target="_blank">皮带</a><a href="#" target="_blank">其他</a><div class="clear"></div></div>
     
296.                         <div class="clear"></div>
     
297.                         <h3><a href="#" target="_blank">汽车用品</a></h3>
     
298.                         <div class="clear"></div>
     
299.                         <div class="deanliwdl"><a href="#" target="_blank">电脑包</a><a href="#" target="_blank">双肩包</a><a href="#" target="_blank">单肩包</a><a href="#" target="_blank">拉杆箱/包</a><a href="#" target="_blank">托运/旅行包</a><a href="#" target="_blank">公文包</a><a href="#" target="_blank">冰包/冰桶</a><a href="#" target="_blank">IPAD包</a><a href="#" target="_blank">购物车</a><a href="#" target="_blank">折叠袋</a><a href="#" target="_blank">洗漱包</a><a href="#" target="_blank">儿童包</a><a href="#" target="_blank">野餐包</a><a href="#" target="_blank">登山包</a><a href="#" target="_blank">腰包/胸包/挎包</a><a href="#" target="_blank">帆布袋</a><div class="clear"></div></div>
     
300.                         <div class="clear"></div>
     
301.                         <h3><a href="#" target="_blank">旅游用品</a></h3>
     
302.                         <div class="clear"></div>
     
303.                         <div class="deanliwdl"><a href="#" target="_blank">Swissgear</a><a href="#" target="_blank">新秀丽</a><a href="#" target="_blank">法国乐上LEXON</a><a href="#" target="_blank">外交官 Diploma</a><div class="clear"></div></div>
     
304.                     </div>
     
305.                     <div class="deanliwr">
     
306.                         <div class="deanadx1"><a href="#" target="_blank"><img src="./template/dean_goods_160826/deancss/xad/3.jpg" width="256" /></a></div>
     
307.                         <div class="clear"></div>
     
308.                         <div class="deanadx2"><a href="#" target="_blank"><img src="./template/dean_goods_160826/deancss/xad/4.jpg" width="256" /></a></div>
     
309.                     </div>
     
310.                     <div class="clear"></div>
     
311.                 </div>
     
312.             </li>
     
313.             <li>
     
314.                 <div class="deanliwrap">
     
315.                     <div class="deanliwl">
     
316.                         <h3><a href="#" target="_blank">工具套装</a></h3>
     
317.                         <div class="clear"></div>
     
318.                         <div class="deanliwdl"><a href="#" target="_blank">钱夹/钱包</a><a href="#" target="_blank">名片包/卡包</a><a href="#" target="_blank">钥匙/零钱包</a><a href="#" target="_blank">票证包</a><a href="#" target="_blank">CD包/夹</a><a href="#" target="_blank">手包</a><a href="#" target="_blank">行李牌</a><a href="#" target="_blank">皮带</a><a href="#" target="_blank">其他</a><div class="clear"></div></div>
     
319.                         <div class="clear"></div>
     
320.                         <h3><a href="#" target="_blank">日用套装</a></h3>
     
321.                         <div class="clear"></div>
     
322.                         <div class="deanliwdl"><a href="#" target="_blank">电脑包</a><a href="#" target="_blank">双肩包</a><a href="#" target="_blank">单肩包</a><a href="#" target="_blank">拉杆箱/包</a><a href="#" target="_blank">托运/旅行包</a><a href="#" target="_blank">公文包</a><a href="#" target="_blank">冰包/冰桶</a><a href="#" target="_blank">IPAD包</a><a href="#" target="_blank">购物车</a><a href="#" target="_blank">折叠袋</a><a href="#" target="_blank">洗漱包</a><a href="#" target="_blank">儿童包</a><a href="#" target="_blank">野餐包</a><a href="#" target="_blank">登山包</a><a href="#" target="_blank">腰包/胸包/挎包</a><a href="#" target="_blank">帆布袋</a><div class="clear"></div></div>
     
323.                         <div class="clear"></div>
     
324.                         <h3><a href="#" target="_blank">精品包装</a></h3>
     
325.                         <div class="clear"></div>
     
326.                         <div class="deanliwdl"><a href="#" target="_blank">膳魔师</a><a href="#" target="_blank">沃奇</a><a href="#" target="_blank">佳嘉丽</a><a href="#" target="_blank">欧诺</a><div class="clear"></div></div>
     
327.                     </div>
     
328.                     <div class="deanliwr">
     
329.                         <div class="deanadx1"><a href="#" target="_blank"><img src="./template/dean_goods_160826/deancss/xad/5.jpg" width="256" /></a></div>
     
330.                         <div class="clear"></div>
     
331.                         <div class="deanadx2"><a href="#" target="_blank"><img src="./template/dean_goods_160826/deancss/xad/6.jpg" width="256" /></a></div>
     
332.                     </div>
     
333.                     <div class="clear"></div>
     
334.                 </div>
     
335.             </li>
     
336.             <li>
     
337.                 <div class="deanliwrap">
     
338.                     <div class="deanliwl">
     
339.                         <dl>
     
340.                             <dd><a href="#" target="_blank">银行礼品</a></dd>
     
341.                             <dd><a href="#" target="_blank">保险礼品</a></dd>
     
342.                             <dd><a href="#" target="_blank">房地产礼品</a></dd>
     
343.                             <dd><a href="#" target="_blank">金融证券礼品</a></dd>
     
344.                             <dd><a href="#" target="_blank">汽车礼品</a></dd>
     
345.                             <dd><a href="#" target="_blank">教育培训礼品</a></dd>
     
346.                             <dd><a href="#" target="_blank">企事业单位礼品</a></dd>
     
347.                             <dd><a href="#" target="_blank">IT行业礼品</a></dd>
     
348.                             <dd><a href="#" target="_blank">航空航天礼品</a></dd>
     
349.                             <dd><a href="#" target="_blank">医药礼品</a></dd>
     
350.                             <dd><a href="#" target="_blank">旅游礼品</a></dd>
     
351.                             <dd><a href="#" target="_blank">通讯行业礼品</a></dd>
     
352.                             <dd><a href="#" target="_blank">美容化妆礼品</a></dd>
     
353.                             <div class="clear"></div>
     
354.                         </dl>
     
355.                         <div class="clear"></div>
     
356.                         <div class="deanliwdl"><a href="#" target="_blank">商务礼品</a><a href="#" target="_blank">展会礼品</a><a href="#" target="_blank">会议礼品</a><a href="#" target="_blank">福利礼品</a><a href="#" target="_blank">节日礼品</a><div class="clear"></div></div>
     
357.                     </div>
     
358.                     <div class="deanliwr">
     
359.                         <div class="deanadx1"><a href="#" target="_blank"><img src="./template/dean_goods_160826/deancss/xad/9.jpg" width="256" /></a></div>
     
360.                         <div class="clear"></div>
     
361.                         <div class="deanadx2"><a href="#" target="_blank"><img src="./template/dean_goods_160826/deancss/xad/10.jpg" width="256" /></a></div>
     
362.                     </div>
     
363.                     <div class="clear"></div>
     
364.                 </div>
     
365.             </li>
     
366.             <li>
     
367.                 <div class="deanliwrap">
     
368.                     <div class="deanliwl">
     
369.                         <h3><a href="#" target="_blank">数码电子</a></h3>
     
370.                         <div class="clear"></div>
     
371.                         <div class="deanliwdl"><a href="#" target="_blank">移动电源</a><a href="#" target="_blank">音箱</a><a href="#" target="_blank">鼠标键盘</a><a href="#" target="_blank">数码相框</a><a href="#" target="_blank">读卡器</a><a href="#" target="_blank">MP3播放器</a><a href="#" target="_blank">车载充电器</a><a href="#" target="_blank">耳机</a><a href="#" target="_blank">一键上网器</a><a href="#" target="_blank">转换插座</a><a href="#" target="_blank">USB集线器</a><a href="#" target="_blank">USB风扇</a><a href="#" target="_blank">万年历笔筒</a><a href="#" target="_blank">时计产品</a><a href="#" target="_blank">广告手表</a><a href="#" target="_blank">其他</a><div class="clear"></div></div>
     
372.                         <div class="clear"></div>
     
373.                         <h3><a href="#" target="_blank">小家电</a></h3>
     
374.                         <div class="clear"></div>
     
375.                         <div class="deanliwdl"><a href="#" target="_blank">电热水壶</a><a href="#" target="_blank">酸奶机</a><a href="#" target="_blank">豆浆机</a><a href="#" target="_blank">咖啡机</a><a href="#" target="_blank">手电筒</a><a href="#" target="_blank">榨汁搅拌机</a><a href="#" target="_blank">蒸蛋器</a><a href="#" target="_blank">空气净化器</a><a href="#" target="_blank">空气加湿器</a><a href="#" target="_blank">灯具</a><a href="#" target="_blank">剃须刀</a><a href="#" target="_blank">电吹风</a><a href="#" target="_blank">吸尘器</a><a href="#" target="_blank">电烤箱</a><a href="#" target="_blank">电饼铛</a><a href="#" target="_blank">其他</a><div class="clear"></div></div>
     
376.                         <div class="clear"></div>
     
377.                         <h3><a href="#" target="_blank">品牌数码</a></h3>
     
378.                         <div class="clear"></div>
     
379.                         <div class="deanliwdl"><a href="#" target="_blank">海尔</a><a href="#" target="_blank">爱国者</a><a href="#" target="_blank">JBL音响</a><a href="#" target="_blank">飞利浦</a><a href="#" target="_blank">惠普</a><a href="#" target="_blank">CASIO卡西欧</a><a href="#" target="_blank">依波表</a><a href="#" target="_blank">微软</a><a href="#" target="_blank">罗技</a><a href="#" target="_blank">荣事达</a><a href="#" target="_blank">小鸭</a><a href="#" target="_blank">奔腾电器</a><a href="#" target="_blank">朗科</a><a href="#" target="_blank">天王表</a><a href="#" target="_blank">sandisk闪迪</a><a href="#" target="_blank">小熊电器</a><div class="clear"></div></div>
     
380.                     </div>
     
381.                     <div class="deanliwr">
     
382.                         <div class="deanadx1"><a href="#" target="_blank"><img src="./template/dean_goods_160826/deancss/xad/1.jpg" width="256" /></a></div>
     
383.                         <div class="clear"></div>
     
384.                         <div class="deanadx2"><a href="#" target="_blank"><img src="./template/dean_goods_160826/deancss/xad/2.jpg" width="256" /></a></div>
     
385.                     </div>
     
386.                     <div class="clear"></div>
     
387.                 </div>
     
388.             </li>
     
389.         </ul>
     
390.     </div>
     
391.     <script type="text/javascript">
     
392.         jq(".deannavboxname li").each(function(s){
     
393.             jq(this).hover(
     
394.                 function(){
     
395.                     jq(this).addClass("cur");
     
396.                     jq(".deannavboxc ul li").eq(s).show();
     
397.                 },
     
398.                 function(){
     
399.                     jq(this).removeClass("cur");
     
400.                     jq(".deannavboxc ul li").eq(s).hide();
     
401.                     })
     
402.             })
     
403.         jq(".deannavboxc ul li").each(function(s){
     
404.             jq(this).hover(
     
405.             function(){
     
406.                 jq(this).show();
     
407.                 jq(".deannavboxname li").eq(s).addClass("cur");
     
408.             },
     
409.             function(){
     
410.                 jq(this).hide();
     
411.                 jq(".deannavboxname li").eq(s).removeClass("cur");
     
412.                 })
     
413.             })
     
414.     </script>
     
415. </div>
     
416. </div>

复制代码