js之京东商城分类导航效果

时间:2024-03-05 10:24:23
   1 <html>
   2 <head>
   3     <title></title>
   4     <style type="text/css">
   5        <style type="text/css">
   6         body
   7         {
   8             padding: 0;
   9             font-size: 10pt;
  10             behavior:url(css/csshover.htc);
  11         }
  12         .topmenu
  13         {
  14             display: block;
  15             width: 220px;
  16             border: 2px solid #e4393c;
  17             margin: 0;
  18             padding: 0;
  19         }
  20         .toptitle
  21         {
  22             height: 40px;
  23             line-height: 40px;
  24             text-align: left;
  25             font-size: 11pt;
  26             font-weight: bold;
  27             color: White;
  28             background: #e4393c;
  29             padding-left: 20px;
  30         }
  31         .topmenu li
  32         {
  33             height: 30px;
  34             line-height: 30px;
  35             font-size: 11pt;
  36             list-style-type: none;
  37             text-align: left;
  38             padding-left: 8px;
  39             z-index: 3;
  40             background-image: url(1.png);
  41             background-repeat: no-repeat;
  42             background-position: right;
  43         }
  44         .topmenu li a
  45         {
  46             text-decoration: none;
  47             color: #313131;
  48         }
  49         .topmenu li a:hover
  50         {
  51             text-decoration: underline;
  52             font-weight: bold;
  53             color: #e4393c;
  54         }
  55         .topmenu .lihover /*鼠标移动到上面时,应用的样式*/
  56         {
  57             border: 1px solid #DDD;
  58             border-right: 0;
  59             box-shadow: 0 0 8px #DDD;
  60             -moz-box-shadow: 0 0 8px #DDD;
  61             -webkit-box-shadow: 0 0 8px #DDD;
  62             background-image: none;
  63             height:60px;  /*鼠标移动上来,改变li高度*/
  64             border-left:4px solid #e4393c;
  65         }
  66          .topmenu .lihover .submenu /*悬浮层*/
  67         {
  68             display: block;
  69         }
  70         
  71         .topmenu .lihover span /*白色小方框*/
  72         {
  73             background: white;
  74             display: inline-block;
  75             z-index: 20;
  76             width: 20px;
  77             height: 60px;  /*小方块也改变高度为60px*/
  78             float: right;
  79             position: relative;
  80             
  81         }
  82         
  83         .topmenu .lihover b
  84         {
  85             display:block;
  86             height:30px;
  87             line-height:30px;
  88             font-weight:normal;
  89             font-size:10pt;
  90             }
  91         .submenu
  92         {
  93             display: none;
  94             width: 715px;
  95             left: 220px;
  96             position: absolute;
  97             top: 40px;
  98             border: 1px solid #DDD;
  99             z-index: 4;
 100             background: white;
 101             box-shadow: 0 0 8px #DDD;
 102             -moz-box-shadow: 0 0 8px #DDD;
 103             -webkit-box-shadow: 0 0 8px #DDD;
 104         }
 105         .leftdiv
 106         {
 107             float: left;
 108             width: 490px;
 109             margin: 3px;
 110         }
 111         .rightdiv
 112         {
 113             float: left;
 114             width: 200px;
 115             margin: 3px;
 116         }
 117        
 118         .leftdiv dl
 119         {
 120             display: block;
 121             border-bottom: 1px solid #EEE;
 122             padding-bottom: 6px;
 123             overflow: hidden;
 124         }
 125         .leftdiv dl dt
 126         {
 127             display: block;
 128             float: left;
 129             width: 60px;
 130             text-align: right;
 131             height: 22px;
 132             line-height: 22px;
 133             padding-right: 6px;
 134         }
 135         
 136         .leftdiv dl dt a
 137         {
 138             color: #e4393c;
 139             font-weight: bold;
 140             text-decoration: underline;
 141             font-size: 10pt;
 142         }
 143         .leftdiv dl dd
 144         {
 145             display: block;
 146             overflow: hidden;
 147         }
 148         .leftdiv dl dd a
 149         {
 150             display: block;
 151             float: left;
 152             border-left: 1px solid #CCC;
 153             color: #737373;
 154             font-size: 9pt;
 155             padding: 0 8px;
 156             height: 14px;
 157             line-height: 14px;
 158             margin: 4px 0;
 159         }
 160         
 161         .rightdiv dl dd
 162         {
 163             margin: 3px 0;
 164         }
 165         
 166         .rightdiv dl dt
 167         {
 168             color: #e4393c;
 169             font-weight: bold;
 170             font-size: 10pt;
 171         }
 172         
 173         .rightdiv dl dd a
 174         {
 175             font-size: 9pt;
 176             color: #737373;
 177             line-height: 22px;
 178         }
 179         .rightdiv dl dd a:hover
 180         {
 181             color: #737373;
 182             font-weight: normal;
 183         }
 184         
 185         .topmenu li b
 186         {
 187             display:none;
 188             }
 189             
 190        .rightPic
 191        {
 192            position:relative;
 193            right:-35px;
 194            bottom:-20px;
 195            }    
 196     </style>
 197 </head>
 198 <body>
 199     <script type="text/javascript">
 200         window.onload = function () {
 201             var Lis = document.getElementsByTagName("li");
 202             console.log(Lis);
 203             for (i = 0; i < Lis.length; i++) {
 204                 Lis[i].i=i;
 205                 Lis[i].onmouseover = function () {
 206                     this.className = "lihover"; //添加鼠标移入class
 207                     
 208                        var h0=(i-1)*30+42; //42为全部商品分类高度,ho为一级菜单高度
 209                         var y=this.getElementsByTagName("div")[0].offsetHeight;//获取悬浮框内容总高度
 210                         var h=this.getElementsByTagName("div")[0].style.top+y;//获取悬浮框上边高度+y,等于悬浮框总高度
 211                         if(h<h0) //当悬浮层高度小于一级菜单高度,
 212                         {this.getElementsByTagName("div")[0].style.top=h0+"px";}
 213                          if(y>550){
 214                        this.getElementsByTagName("div")[0].style.top="3px";
 215                      }
 216                 }
 217 
 218                 Lis[i].onmouseout = function () {
 219                     this.className = "";
 220                 }
 221             }
 222 
 223         }
 224     </script>
 225     <ul class="topmenu">
 226         <div class="toptitle">
 227             全部商品分类
 228         </div>
 229         <li><a href="#">图书、音像、数字商品</a><span></span> <b><a href="#">文学</a> <a href="#">经管</a>
 230             <a href="#">畅读VIP</a></b>
 231             <div class="submenu">
 232                 <div class="leftdiv">
 233                     <dl>
 234                         <dt><a href="#">电子书</a></dt>
 235                         <dd>
 236                             <a href="#">免费</a> <a href="#">小说</a> <a href="#">励志与成功</a> <a href="#">婚恋/两性</a>
 237                             <a href="#">文学</a> <a href="#">经管</a> <a href="#">畅读VIP</a>
 238                         </dd>
 239                     </dl>
 240                     <dl>
 241                         <dt><a href="#">数字音乐</a></dt>
 242                         <dd>
 243                             <a href="#">通俗流行</a> <a href="#">古典音乐</a> <a href="#">摇滚说唱</a> <a href="#">爵士蓝调</a>
 244                             <a href="#">乡村民谣</a> <a href="#">有声读物</a>
 245                         </dd>
 246                     </dl>
 247                     <dl>
 248                         <dt><a href="#">音像</a></dt>
 249                         <dd>
 250                             <a href="#">音乐</a> <a href="#">影视</a> <a href="#">教育音像</a> <a href="#">游戏</a>
 251                         </dd>
 252                     </dl>
 253                     <dl>
 254                         <dt><a href="#">文艺</a></dt>
 255                         <dd>
 256                             <a href="#">小说</a> <a href="#">文学</a> <a href="#">青春文学</a> <a href="#">传记</a> <a
 257                                 href="#">艺术</a>
 258                         </dd>
 259                     </dl>
 260                     <dl>
 261                         <dt><a href="#">人文社科</a></dt>
 262                         <dd>
 263                             <a href="#">历史</a> <a href="#">心理学</a> <a href="#">政治/军事</a> <a href="#">国学/古籍</a>
 264                             <a href="#">哲学/宗教</a> <a href="#">社会科学</a>
 265                         </dd>
 266                     </dl>
 267                     <dl>
 268                         <dt><a href="#">经管励志</a></dt>
 269                         <dd>
 270                             <a href="#">经济</a> <a href="#">金融与投资</a> <a href="#">管理</a> <a href="#">励志与成功</a>
 271                         </dd>
 272                     </dl>
 273                     <dl class="fore7">
 274                         <dt><a href="#">生活</a></dt>
 275                         <dd>
 276                             <a href="#">家教与育儿</a> <a href="#">旅游/地图</a> <a href="#">烹饪/美食</a> <a href="#">时尚/美妆</a>
 277                             <a href="#">家居</a> <a href="#">婚恋与两性</a> <a href="#">娱乐/休闲</a> <a href="#">健身与保健</a>
 278                             <a href="#">动漫/幽默</a> <a href="#">体育/运动</a>
 279                         </dd>
 280                     </dl>
 281                     <dl>
 282                         <dt><a href="#">科技</a></dt>
 283                         <dd>
 284                             <a href="#">科普</a> <a href="#">IT</a> <a href="#">建筑</a> <a href="#">医学</a> <a href="#">
 285                                 工业技术</a> <a href="#">电子/通信</a> <a href="#">农林</a> <a href="#">科学与自然</a>
 286                         </dd>
 287                     </dl>
 288                     <dl>
 289                         <dt><a href="#">少儿</a></dt>
 290                         <dd>
 291                             <a href="#">少儿</a> <a href="#">0-2岁</a> <a href="#">3-6岁</a> <a href="#">7-10岁</a>
 292                             <a href="#">11-14岁</a>
 293                         </dd>
 294                     </dl>
 295                     <dl>
 296                         <dt><a href="#">教育</a></dt>
 297                         <dd>
 298                             <a href="#">教材</a> <a href="#">中小学教辅</a> <a href="#">考试</a> <a href="#">外语学习</a>
 299                         </dd>
 300                     </dl>
 301                     <dl>
 302                         <dt><a href="#">其它</a></dt>
 303                         <dd>
 304                             <a href="#">英文原版书</a> <a href="#">港台图书</a> <a href="#">工具书</a> <a href="#">套装书</a>
 305                             <a href="#">杂志/期刊</a>
 306                         </dd>
 307                     </dl>
 308                 </div>
 309                 <div class="rightdiv">
 310                     <dl>
 311                         <dd>
 312                             <a href="http://sale.jd.com/act/1XDZ6ShE5M7tTrl.html">
 313                                 <img src="http://img30.360buyimg.com/erpVCAare/g16/M00/0B/1B/rBEbRlOCFcoIAAAAAAArMNB2tlkAACTlwDgVG8AACtI514.jpg"
 314                                     width="194" height="70" title="\家电">
 315                             </a>
 316                         </dd>
 317                         <dd>
 318                             <a href="http://sale.jd.com/act/v8kJIaPmsMGuebpH.html">
 319                                 <img src="http://img30.360buyimg.com/erpVCAare/g16/M00/0B/19/rBEbRlOAiHUIAAAAAAAx8X2c6oIAACTCAP56A4AADIJ112.jpg"
 320                                     width="194" height="70" title="小家电--三请聚宝盆">
 321                             </a>
 322                         </dd>
 323                     </dl>
 324                     <dl>
 325                         <dt>推荐品牌</dt>
 326                         <dd>
 327                             <a href="#">美的官方旗舰店</a>
 328                         </dd>
 329                         <dd>
 330                             <a href="#">苏泊尔旗舰店</a>
 331                         </dd>
 332                         <dd>
 333                             <a href="#">九阳旗舰店</a>
 334                         </dd>
 335                         <dd>
 336                             <a href="#">东菱旗舰店</a>
 337                         </dd>
 338                         <dd>
 339                             <a href="#">海尔统帅旗舰店</a>
 340                         </dd>
 341                         <dd>
 342                             <a href="#">小熊旗舰店</a>
 343                         </dd>
 344                     </dl>
 345                     <img class="rightPic" src="wii.png" />
 346                 </div>
 347             </div>
 348         </li>
 349         <li><a href="#">家用电器</a> <span></span>
 350             <div class="submenu">
 351                 <div class="leftdiv">
 352                     <dl>
 353                         <dt><a href="#">大 家 电</a></dt>
 354                         <dd>
 355                             <a href="#">平板电视</a> <a href="#">空调</a> <a href="#">冰箱</a> <a href="#">洗衣机</a> <a
 356                                 href="#">家庭影院</a> <a href="#">DVD</a> <a href="#">迷你音响</a> <a href="#">烟机/灶具</a>
 357                             <a href="#">热水器</a> <a href="#">消毒柜/洗碗机</a> <a href="#">酒柜/冷柜</a> <a href="#">家电配件</a>
 358                         </dd>
 359                     </dl>
 360                     <dl>
 361                         <dt><a href="#">生活电器</a></dt>
 362                         <dd>
 363                             <a href="#">电风扇</a> <a href="#">冷风扇</a> <a href="#">净化器</a> <a href="#">饮水机</a>
 364                             <a href="#">净水设备</a> <a href="#">挂烫机/熨斗</a> <a href="#">吸尘器</a> <a href="#">电话机</a>
 365                             <a href="#">插座</a> <a href="#">收录/音机</a> <a href="#">清洁机</a> <a href="#">加湿器</a>
 366                             <a href="#">除湿/干衣机</a> <a href="#">取暖电器</a> <a href="#">其它生活电器</a>
 367                         </dd>
 368                     </dl>
 369                     <dl>
 370                         <dt><a href="#">厨房电器</a></dt>
 371                         <dd>
 372                             <a href="#">电压力锅</a> <a href="#">电饭煲</a> <a href="#">豆浆机</a> <a href="#">面包机</a>
 373                             <a href="#">咖啡机</a> <a href="#">微波炉</a> <a href="#">料理/榨汁机</a> <a href="#">电烤箱</a>
 374                             <a href="#">电磁炉</a> <a href="#">电饼铛/烧烤盘</a> <a href="#">煮蛋器</a> <a href="#">酸奶机</a>
 375                             <a href="#">电水壶/热水瓶</a> <a href="#">电炖锅</a> <a href="#">多用途锅</a> <a href="#">果蔬解毒机</a>
 376                             <a href="#">其它厨房电器</a>
 377                         </dd>
 378                     </dl>
 379                     <dl>
 380                         <dt><a href="#">个护健康</a></dt>
 381                         <dd>
 382                             <a href="#">剃须刀</a> <a href="#">剃/脱毛器</a> <a href="#">口腔护理</a> <a href="#">电吹风</a>
 383                             <a href="#">美容</a> <a href="#">美发</a> <a href="#">按摩器</a> <a href="#">按摩椅</a> <a
 384                                 href="#">足浴盆</a> <a href="#">血压计</a> <a href="#">健康秤/厨房秤</a> <a href="#">血糖仪</a>
 385                             <a href="#">体温计</a> <a href="#">计步器/脂肪检测仪</a> <a href="#">其它健康电器</a>
 386                         </dd>
 387                     </dl>
 388                     <dl>
 389                         <dt><a href="#">五金家装</a></dt>
 390                         <dd>
 391                             <a href="#">电动工具</a> <a href="#">手动工具</a> <a href="#">仪器仪表</a> <a href="#">浴霸/排气扇</a>
 392                             <a href="#">灯具</a> <a href="#">LED灯</a> <a href="#">洁身器</a> <a href="#">水槽</a> <a
 393                                 href="#">龙头</a> <a href="#">淋浴花洒</a> <a href="#">厨卫五金</a> <a href="#">家具五金</a>
 394                             <a href="#">门铃</a> <a href="#">电气开关</a> <a href="#">插座</a> <a href="#">电工电料</a>
 395                             <a href="#">监控安防</a> <a href="#">电线/线缆</a>
 396                         </dd>
 397                     </dl>
 398                 </div>
 399                 <div class="rightdiv">
 400                 </div>
 401             </div>
 402         </li>
 403         <li><a href="#">手机、数码</a><span></span>
 404             <div class="submenu">
 405                 <div class="leftdiv">
 406                     <dl>
 407                         <dt><a href="#">手机通讯</a></dt>
 408                         <dd>
 409                             <a href="#">手机</a> <a href="#">对讲机</a>
 410                         </dd>
 411                     </dl>
 412                     <dl>
 413                         <dt><a href="#">京东通信</a></dt>
 414                         <dd>
 415                             <a href="#">选号中心</a> <a href="#">自助服务</a>
 416                         </dd>
 417                     </dl>
 418                     <dl>
 419                         <dt><a href="#">运营商</a></dt>
 420                         <dd>
 421                             <a href="#">购机送费</a> <a href="#">0元购机</a> <a href="#">选号入网</a>
 422                         </dd>
 423                     </dl>
 424                     <dl>
 425                         <dt><a href="#">手机配件</a></dt>
 426                         <dd>
 427                             <a href="#">电池</a> <a href="#">蓝牙耳机</a> <a href="#">充电器/数据线</a> <a href="#">手机耳机</a>
 428                             <a href="#">贴膜</a> <a href="#">存储卡</a> <a href="#">保护套</a> <a href="#">车载</a> <a
 429                                 href="#">iPhone配件</a> <a href="#">创意配件</a> <a href="#">便携/无线音箱</a> <a href="#">手机饰品</a>
 430                         </dd>
 431                     </dl>
 432                     <dl>
 433                         <dt><a href="#">摄影摄像</a></dt>
 434                         <dd>
 435                             <a href="#">数码相机</a> <a href="#">单电/微单相机</a> <a href="#">单反相机</a> <a href="#">拍立得</a>
 436                             <a href="#">运动相机</a> <a href="#">摄像机</a> <a href="#">镜头</a> <a href="#">户外器材</a>
 437                             <a href="#">摄影器材</a>
 438                         </dd>
 439                     </dl>
 440                     <dl>
 441                         <dt><a href="#">数码配件</a></dt>
 442                         <dd>
 443                             <a href="#">存储卡</a> <a href="#">读卡器</a> <a href="#">滤镜</a> <a href="#">闪光灯/手柄</a>
 444                             <a href="#">相机包</a> <a href="#">三脚架/云台</a> <a href="#">相机清洁</a> <a href="#">相机贴膜</a>
 445                             <a href="#">机身附件</a> <a href="#">镜头附件</a> <a href="#">电池/充电器</a> <a href="#">移动电源</a>
 446                         </dd>
 447                     </dl>
 448                     <dl>
 449                         <dt><a href="#">时尚影音</a></dt>
 450                         <dd>
 451                             <a href="#">耳机/耳麦</a> <a href="#">音箱/音响</a> <a href="#">麦克风</a> <a href="#">MP3/MP4</a>
 452                             <a href="#">数码相框</a> <a href="#">专业音频</a> <a href="#">苹果周边</a>
 453                         </dd>
 454                     </dl>
 455                     <dl>
 456                         <dt><a href="#">智能设备</a></dt>
 457                         <dd>
 458                             <a href="#">智能手环</a> <a href="#">智能手表</a> <a href="#">智能眼镜</a> <a href="#">运动跟踪器</a>
 459                             <a href="#">健康监测</a> <a href="#">智能配饰</a> <a href="#">智能家居</a> <a href="#">体感车</a>
 460                             <a href="#">其他配件</a>
 461                         </dd>
 462                     </dl>
 463                     <dl>
 464                         <dt><a href="#">电子教育</a></dt>
 465                         <dd>
 466                             <a href="#">电子词典</a> <a href="#">电纸书</a> <a href="#">录音笔</a> <a href="#">复读机</a>
 467                             <a href="#">点读机/笔</a> <a href="#">学生平板</a> <a href="#">早教机</a>
 468                         </dd>
 469                     </dl>
 470                 </div>
 471                 <div class="rightdiv">
 472                 </div>
 473             </div>
 474         </li>
 475         <li><a href="#">电脑、办公</a><span></span>
 476             <div class="submenu">
 477                 <div class="leftdiv">
 478                     <dl>
 479                         <dt><a href="#">电脑整机</a></dt>
 480                         <dd>
 481                             <a href="#">笔记本</a> <a href="#">超极本</a> <a href="#">游戏本</a> <a href="#">平板电脑</a>
 482                             <a href="#">平板电脑配件</a> <a href="#">台式机</a> <a href="#">服务器/工作站</a> <a href="#">笔记本配件</a>
 483                         </dd>
 484                     </dl>
 485                     <dl>
 486                         <dt><a href="#">电脑配件</a></dt>
 487                         <dd>
 488                             <a href="#">CPU</a> <a href="#">主板</a> <a href="#">显卡</a> <a href="#">硬盘</a> <a href="#">
 489                                 SSD固态硬盘</a> <a href="#">内存</a> <a href="#">机箱</a> <a href="#">电源</a> <a href="#">显示器</a>
 490                             <a href="#">刻录机/光驱</a> <a href="#">声卡/扩展卡</a> <a href="#">散热器</a> <a href="#">装机配件</a>
 491                             <a href="#">组装电脑</a>
 492                         </dd>
 493                     </dl>
 494                     <dl>
 495                         <dt><a href="#">外设产品</a></dt>
 496                         <dd>
 497                             <a href="#">鼠标</a> <a href="#">键盘</a> <a href="#">游戏设备</a> <a href="#">U盘</a> <a
 498                                 href="#">移动硬盘</a> <a href="#">鼠标垫</a> <a href="#">摄像头</a> <a href="#">线缆</a>
 499                             <a href="#">电玩</a> <a href="#">手写板</a> <a href="#">外置盒</a> <a href="#">电脑工具</a>
 500                             <a href="#">电脑清洁</a> <a href="#">UPS</a> <a href="#">插座</a>
 501                         </dd>
 502                     </dl>
 503                     <dl>
 504                         <dt><a href="#">网络产品</a></dt>
 505                         <dd>
 506                             <a href="#">路由器</a> <a href="#">网卡</a> <a href="#">交换机</a> <a href="#">网络存储</a>
 507                             <a href="#">4G/3G上网</a> <a href="#">网络盒子</a> <a href="#">网络配件</a>
 508                         </dd>
 509                     </dl>
 510                     <dl>
 511                         <dt><a href="#">办公打印</a></dt>
 512                         <dd>
 513                             <a href="#">打印机</a> <a href="#">一体机</a> <a href="#">投影机</a> <a href="#">投影配件</a>
 514                             <a href="#">传真机</a> <a href="#">复合机</a> <a href="#">碎纸机</a> <a href="#">扫描仪</a>
 515                             <a href="#">墨盒</a> <a href="#">硒鼓</a> <a href="#">墨粉</a> <a href="#">色带</a>
 516                         </dd>
 517                     </dl>
 518                     <dl>
 519                         <dt><a href="#">办公文仪</a></dt>
 520                         <dd>
 521                             <a href="#">办公文具</a> <a href="#">文件管理</a> <a href="#">笔类</a> <a href="#">纸类</a>
 522                             <a href="#">本册/便签</a> <a href="#">学生文具</a> <a href="#">财务用品</a> <a href="#">计算器</a>
 523                             <a href="#">激光笔</a> <a href="#">白板/封装</a> <a href="#">考勤机</a> <a href="#">刻录碟片/附件</a>
 524                             <a href="#">点钞机</a> <a href="#">支付设备/POS机</a> <a href="#">安防监控</a> <a href="#">呼叫/会议设备</a>
 525                             <a href="#">保险柜</a> <a href="#">办公家具</a>
 526                         </dd>
 527                     </dl>
 528                     <dl>
 529                         <dt><a href="#">服务产品</a></dt>
 530                         <dd>
 531                             <a href="#">上门服务</a> <a href="#">远程服务</a> <a href="#">电脑软件</a>
 532                         </dd>
 533                     </dl>
 534                 </div>
 535                 <div class="rightdiv">
 536                 </div>
 537             </div>
 538         </li>
 539         <li><a href="#">家居、家具、家装、厨具</a><span></span>
 540             <div class="submenu">
 541                 <div class="leftdiv">
 542                     <dl>
 543                         <dt><a href="#">厨具</a></dt>
 544                         <dd>
 545                             <a href="#">烹饪锅具</a> <a href="#">刀剪菜板</a> <a href="#">厨房配件</a> <a href="#">水具酒具</a>
 546                             <a href="#">餐具</a> <a href="#">茶具/咖啡具</a>
 547                         </dd>
 548                     </dl>
 549                     <dl>
 550                         <dt><a href="#">家装建材</a></dt>
 551                         <dd>
 552                             <a href="#">灯饰照明</a> <a href="#">厨房卫浴</a> <a href="#">五金工具</a> <a href="#">电工电料</a>
 553                             <a href="#">墙地面材料</a> <a href="#">装饰材料</a> <a href="#">装修服务</a> <a href="#">吸顶灯</a>
 554                             <a href="#">淋浴花洒</a> <a href="#">开关插座</a> <a href="#">油漆涂料</a> <a href="#">龙头</a>
 555                         </dd>
 556                     </dl>
 557                     <dl>
 558                         <dt><a href="#">家纺</a></dt>
 559                         <dd>
 560                             <a href="#">床品套件</a> <a href="#">被子</a> <a href="#">蚊帐</a> <a href="#">凉席</a> <a
 561                                 href="#">床单被罩</a> <a href="#">枕芯</a> <a href="#">毛巾浴巾</a> <a href="#">布艺软饰</a>
 562                             <a href="#">毯子</a> <a href="#">抱枕靠垫</a> <a href="#">床垫/床褥</a> <a href="#">窗帘/窗纱</a>
 563                             <a href="#">电热毯</a>
 564                         </dd>
 565                     </dl>
 566                     <dl>
 567                         <dt><a href="#">家具</a></dt>
 568                         <dd>
 569                             <a href="#">卧室家具</a> <a href="#">客厅家具</a> <a href="#">餐厅家具</a> <a href="#">书房家具</a>
 570                             <a href="#">储物家具</a> <a href="#">阳台/户外</a> <a href="#">商业办公</a> <a href="#"></a>
 571                             <a href="#">床垫</a> <a href="#">沙发</a> <a href="#">电脑椅</a> <a href="#">衣柜</a> <a href="#">
 572                                 茶几</a> <a href="#">电视柜</a> <a href="#">餐桌</a> <a href="#">电脑桌</a> <a href="#">鞋架/衣帽架</a>
 573                         </dd>
 574                     </dl>
 575                     <dl>
 576                         <dt><a href="#">灯具</a></dt>
 577                         <dd>
 578                             <a href="#">台灯</a> <a href="#">吸顶灯</a> <a href="#">筒灯射灯</a> <a href="#">LED灯</a>
 579                             <a href="#">节能灯</a> <a href="#">落地灯</a> <a href="#">五金电器</a> <a href="#">应急灯/手电</a>
 580                             <a href="#">装饰灯</a> <a href="#">吊灯</a> <a href="#">氛围照明</a>
 581                         </dd>
 582                     </dl>
 583                     <dl>
 584                         <dt><a href="#">生活日用</a></dt>
 585                         <dd>
 586                             <a href="#">收纳用品</a> <a href="#">雨伞雨具</a> <a href="#">浴室用品</a> <a href="#">缝纫/针织用品</a>
 587                             <a href="#">洗晒/熨烫</a> <a href="#">净化除味</a>
 588                         </dd>
 589                     </dl>
 590                     <dl>
 591                         <dt><a href="#">家装软饰</a></dt>
 592                         <dd>
 593                             <a href="#">桌布/罩件</a> <a href="#">地毯地垫</a> <a href="#">沙发垫套/椅垫</a> <a href="#">帘艺隔断</a>
 594                             <a href="#">相框/照片墙</a> <a href="#">装饰字画</a> <a href="#">墙贴/装饰贴</a> <a href="#">节庆饰品</a>
 595                             <a href="#">手工/十字绣</a> <a href="#">钟饰</a> <a href="#">装饰摆件</a> <a href="#">花瓶花艺</a>
 596                             <a href="#">创意家居</a> <a href="#">保暖防护</a> <a href="#">香薰蜡烛</a>
 597                         </dd>
 598                     </dl>
 599                     <dl>
 600                         <dt><a href="#">清洁用品</a></dt>
 601                         <dd>
 602                             <a href="#">纸品湿巾</a> <a href="#">衣物清洁</a> <a href="#">清洁工具</a> <a href="#">家庭清洁</a>
 603                             <a href="#">一次性用品</a> <a href="#">驱虫用品</a> <a href="#">皮具护理</a>
 604                         </dd>
 605                     </dl>
 606                     <dl>
 607                         <dt><a href="#">宠物生活</a></dt>
 608                         <dd>
 609                             <a href="#">宠物主粮</a> <a href="#">宠物零食</a> <a href="#">洗护美容</a> <a href="#">家居日用</a>
 610                             <a href="#">医疗保健</a> <a href="#">出行装备</a> <a href="#">宠物玩具</a> <a href="#">水族用品</a>
 611                             <a href="#">猫砂/尿布</a> <a href="#">宠物牵引</a> <a href="#">宠物驱虫</a>
 612                         </dd>
 613                     </dl>
 614                 </div>
 615                 <div class="rightdiv">
 616                 </div>
 617             </div>
 618         </li>
 619         <li><a href="#">服饰内衣、珠宝首饰</a><span></span>
 620             <div class="submenu">
 621                 <div class="leftdiv">
 622                     <dl>
 623                         <dt><a href="#">女装</a></dt>
 624                         <dd>
 625                             <a href="#">连衣裙</a> <a href="#">蕾丝/雪纺衫</a> <a href="#">衬衫</a> <a href="#">T恤</a>
 626                             <a href="#">半身裙</a> <a href="#">休闲裤</a> <a href="#">短裤</a> <a href="#">牛仔裤</a> <a
 627                                 href="#">针织衫</a> <a href="#">吊带/背心</a> <a href="#">打底衫</a> <a href="#">打底裤</a>
 628                             <a href="#">正装裤</a> <a href="#">小西服</a> <a href="#">马甲</a> <a href="#">风衣</a> <a
 629                                 href="#">羊毛衫</a> <a href="#">羊绒衫</a> <a href="#">短外套</a> <a href="#">棉服</a>
 630                             <a href="#">毛呢大衣</a> <a href="#">加绒裤</a> <a href="#">羽绒服</a> <a href="#">皮草</a>
 631                             <a href="#">真皮皮衣</a> <a href="#">仿皮皮衣</a> <a href="#">旗袍/唐装</a> <a href="#">礼服</a>
 632                             <a href="#">婚纱</a> <a href="#">中老年女装</a> <a href="#">大码女装</a> <a href="#">设计师/潮牌</a>
 633                         </dd>
 634                     </dl>
 635                     <dl>
 636                         <dt><a href="#">男装</a></dt>
 637                         <dd>
 638                             <a href="#">衬衫</a> <a href="#">T恤</a> <a href="#">POLO衫</a> <a href="#">针织衫</a>
 639                             <a href="#">夹克</a> <a href="#">卫衣</a> <a href="#">风衣</a> <a href="#">马甲/背心</a> <a
 640                                 href="#">短裤</a> <a href="#">休闲裤</a> <a href="#">牛仔裤</a> <a href="#">西服</a> <a href="#">
 641                                     西裤</a> <a href="#">西服套装</a> <a href="#">真皮皮衣</a> <a href="#">仿皮皮衣</a> <a href="#">羽绒服</a>
 642                             <a href="#">毛呢大衣</a> <a href="#">棉服</a> <a href="#">羊绒衫</a> <a href="#">羊毛衫</a>
 643                             <a href="#">卫裤/运动裤</a> <a href="#">加绒裤</a> <a href="#">设计师/潮牌</a> <a href="#">唐装/中山装</a>
 644                             <a href="#">工装</a> <a href="#">中老年男装</a> <a href="#">大码男装</a>
 645                         </dd>
 646                     </dl>
 647                     <dl>
 648                         <dt><a href="#">内衣</a></dt>
 649                         <dd>
 650                             <a href="#">文胸</a> <a href="#">睡衣/家居服</a> <a href="#">情侣睡衣</a> <a href="#">文胸套装</a>
 651                             <a href="#">少女文胸</a> <a href="#">女式内裤</a> <a href="#">男式内裤</a> <a href="#">商务男袜</a>
 652                             <a href="#">休闲棉袜</a> <a href="#">吊带/背心</a> <a href="#">打底衫</a> <a href="#">抹胸</a>
 653                             <a href="#">连裤袜/丝袜</a> <a href="#">美腿袜</a> <a href="#">打底裤袜</a> <a href="#">塑身美体</a>
 654                             <a href="#">大码内衣</a> <a href="#">内衣配件</a> <a href="#">泳衣</a> <a href="#">秋衣秋裤</a>
 655                             <a href="#">保暖内衣</a>
 656                         </dd>
 657                     </dl>
 658                     <dl>
 659                         <dt><a href="#">服饰配件</a></dt>
 660                         <dd>
 661                             <a href="#">太阳镜</a> <a href="#">光学镜架/镜片</a> <a href="#">防辐射眼镜</a> <a href="#">女士丝巾/围巾/披肩</a>
 662                             <a href="#">棒球帽</a> <a href="#">遮阳伞/雨伞</a> <a href="#">遮阳帽</a> <a href="#">领带/领结/领带夹</a>
 663                             <a href="#">男士腰带/礼盒</a> <a href="#">防晒手套</a> <a href="#">老花镜</a> <a href="#">袖扣</a>
 664                             <a href="#">男士丝巾/围巾</a> <a href="#">装饰眼镜</a> <a href="#">女士腰带/礼盒</a> <a href="#">游泳镜</a>
 665                         </dd>
 666                     </dl>
 667                     <dl>
 668                         <dt><a href="#">珠宝首饰</a></dt>
 669                         <dd>
 670                             <a href="#">时尚饰品</a> <a href="#">钻石</a> <a href="#">翡翠玉石</a> <a href="#">纯金K金饰品</a>
 671                             <a href="#">金银投资</a> <a href="#">银饰</a> <a href="#">水晶玛瑙</a> <a href="#">彩宝</a>
 672                             <a href="#">铂金</a> <a href="#">天然木饰</a> <a href="#">珍珠</a>
 673                         </dd>
 674                     </dl>
 675                 </div>
 676                 <div class="rightdiv">
 677                 </div>
 678             </div>
 679         </li>
 680         <li><a href="#">个护化妆</a><span></span>
 681             <div class="submenu">
 682                 <div class="leftdiv">
 683                     <dl>
 684                         <dt><a href="#">面部护肤</a></dt>
 685                         <dd>
 686                             <a href="#">清洁</a> <a href="#">护肤</a> <a href="#">面膜</a> <a href="#">剃须</a> <a href="#">
 687                                 套装</a>
 688                         </dd>
 689                     </dl>
 690                     <!-- <dl>
 691                         <dt><a href="#">洗发护发</a></dt>
 692                         <dd>
 693                             <a href="#">洗发</a> <a href="#">护发</a> <a href="#">染发</a> <a href="#">造型</a> <a href="#">
 694                                 假发</a> <a href="#">套装</a>
 695                         </dd>
 696                     </dl>
 697                     <dl>
 698                         <dt><a href="#">身体护肤</a></dt>
 699                         <dd>
 700                             <a href="#">沐浴</a> <a href="#">润肤</a> <a href="#">颈部</a> <a href="#">手足</a> <a href="#">
 701                                 纤体塑形</a> <a href="#">美胸</a> <a href="#">套装</a>
 702                         </dd>
 703                     </dl>
 704                     <dl>
 705                         <dt><a href="#">口腔护理</a></dt>
 706                         <dd>
 707                             <a href="#">牙膏/牙粉</a> <a href="#">牙刷/牙线</a> <a href="#">漱口水</a> <a href="#">套装</a>
 708                         </dd>
 709                     </dl>
 710                     <dl>
 711                         <dt><a href="#">女性护理</a></dt>
 712                         <dd>
 713                             <a href="#">卫生巾</a> <a href="#">卫生护垫</a> <a href="#">私密护理</a> <a href="#">脱毛膏</a>
 714                         </dd>
 715                     </dl>
 716                     <dl>
 717                         <dt><a href="#">香水彩妆</a></dt>
 718                         <dd>
 719                             <a href="#">香水</a> <a href="#">底妆</a> <a href="#">腮红</a> <a href="#">眼部</a> <a href="#">
 720                                 唇部</a> <a href="#">美甲</a> <a href="#">美容工具</a> <a href="#">套装</a>
 721                         </dd>
 722                     </dl>-->
 723                 </div>
 724                 <div class="rightdiv">
 725                 </div>
 726             </div>
 727         </li>
 728         <li><a href="#">鞋靴、箱包、钟表、奢侈品</a><span></span>
 729             <div class="submenu">
 730                 <div class="leftdiv">
 731                     <dl>
 732                         <dt><a href="#">时尚女鞋</a></dt>
 733                         <dd>
 734                             <a href="#">凉鞋</a> <a href="#">单鞋</a> <a href="#">高跟鞋</a> <a href="#">坡跟鞋</a> <a
 735                                 href="#">松糕鞋</a> <a href="#">鱼嘴鞋</a> <a href="#">休闲鞋</a> <a href="#">帆布鞋</a>
 736                             <a href="#">拖鞋/人字拖</a> <a href="#">妈妈鞋</a> <a href="#">防水台</a> <a href="#">雨鞋/雨靴</a>
 737                             <a href="#">内增高</a> <a href="#">布鞋/绣花鞋</a> <a href="#">女靴</a> <a href="#">雪地靴</a>
 738                             <a href="#">踝靴</a> <a href="#">马丁靴</a> <a href="#">鞋配件</a>
 739                         </dd>
 740                     </dl>
 741                     <dl>
 742                         <dt><a href="#">流行男鞋</a></dt>
 743                         <dd>
 744                             <a href="#">休闲鞋</a> <a href="#">凉鞋/沙滩鞋</a> <a href="#">帆布鞋</a> <a href="#">商务休闲鞋</a>
 745                             <a href="#">正装鞋</a> <a href="#">增高鞋</a> <a href="#">拖鞋/人字拖</a> <a href="#">工装鞋</a>
 746                             <a href="#">男靴</a> <a href="#">传统布鞋</a> <a href="#">功能鞋</a> <a href="#">鞋配件</a>
 747                             <a href="#">定制鞋</a>
 748                         </dd>
 749                     </dl>
 750                     <dl>
 751                         <dt><a href="#">潮流女包</a></dt>
 752                         <dd>
 753                             <a href="#">单肩包</a> <a href="#">手提包</a> <a href="#">斜挎包</a> <a href="#">双肩包</a>
 754                             <a href="#">钱包</a> <a href="#">手拿包/晚宴包</a> <a href="#">卡包/零钱包</a> <a href="#">钥匙包</a>
 755                         </dd>
 756                     </dl>
 757                     <dl>
 758                         <dt><a href="#">精品男包</a></dt>
 759                         <dd>
 760                             <a href="#">商务公文包</a> <a href="#">单肩/斜挎包</a> <a href="#">男士手包</a> <a href="#">双肩包</a>
 761                             <a href="#">钱包/卡包</a> <a href="#">钥匙包</a>
 762                         </dd>
 763                     </dl>
 764                     <dl>
 765                         <dt><a href="#">功能箱包</a></dt>
 766                         <dd>
 767                             <a href="#">拉杆箱/拉杆包</a> <a href="#">旅行包</a> <a href="#">电脑包</a> <a href="#">休闲运动包</a>
 768                             <a href="#">相机包</a> <a href="#">腰包/胸包</a> <a href="#">登山包</a> <a href="#">旅行配件</a>
 769                             <a href="#">书包</a> <a href="#">妈咪包</a>
 770                         </dd>
 771                     </dl>
 772                     <dl>
 773                         <dt><a href="#">奢侈品</a></dt>
 774                         <dd>
 775                             <a href="#">箱包</a> <a href="#">钱包</a> <a href="#">服饰</a> <a href="#">腰带</a> <a href="#">
 776                                 鞋靴</a> <a href="#">太阳镜/眼镜框</a> <a href="#">饰品</a> <a href="#">配件</a>
 777                         </dd>
 778                     </dl>
 779                     <dl>
 780                         <dt><a href="#">钟表</a></dt>
 781                         <dd>
 782                             <a href="#">男表</a> <a href="#">女表</a> <a href="#">儿童表</a> <a href="#">座钟挂钟</a>
 783                         </dd>
 784                     </dl>
 785                     <dl>
 786                         <dt><a href="#">礼品</a></dt>
 787                         <dd>
 788                             <a href="#">火机烟具</a> <a href="#">军刀军具</a> <a href="#">美妆礼品</a> <a href="#">工艺礼品</a>
 789                             <a href="#">礼盒礼券</a> <a href="#">礼品文具</a> <a href="#">收藏品</a> <a href="#">古董把玩</a>
 790                             <a href="#">地方礼品</a> <a href="#">创意礼品</a> <a href="#">婚庆用品</a> <a href="#">鲜花绿植</a>
 791                             <a href="#">京东卡</a>
 792                         </dd>
 793                     </dl>
 794                 </div>
 795                 <div class="rightdiv">
 796                 </div>
 797             </div>
 798         </li>
 799         <li><a href="#">运动户外</a><span></span>
 800             <div class="submenu">
 801                 <div class="leftdiv">
 802                     <dl>
 803                         <dt><a href="#">运动鞋包</a></dt>
 804                         <dd>
 805                             <a href="#">休闲鞋</a> <a href="#">跑步鞋</a> <a href="#">板鞋</a> <a href="#">帆布鞋</a> <a
 806                                 href="#">篮球鞋</a> <a href="#">足球鞋</a> <a href="#">乒羽网鞋</a> <a href="#">专项运动鞋</a>
 807                             <a href="#">训练鞋</a> <a href="#">拖鞋</a> <a href="#">运动包</a>
 808                         </dd>
 809                     </dl>
 810                     <dl>
 811                         <dt><a href="#">运动服饰</a></dt>
 812                         <dd>
 813                             <a href="#">卫衣/套头衫</a> <a href="#">毛衫/线衫</a> <a href="#">夹克/风衣</a> <a href="#">棉服</a>
 814                             <a href="#">羽绒服</a> <a href="#">T恤</a> <a href="#">乒羽网服</a> <a href="#">训练服</a>
 815                             <a href="#">运动背心</a> <a href="#">运动裤</a> <a href="#">运动套装</a> <a href="#">运动配饰</a>
 816                         </dd>
 817                     </dl>
 818                     <dl>
 819                         <dt><a href="#">健身训练</a></dt>
 820                         <dd>
 821                             <a href="#">跑步机</a> <a href="#">健身车/动感单车</a> <a href="#">综合训练器</a> <a href="#">其他大型器械</a>
 822                             <a href="#">哑铃</a> <a href="#">仰卧板/收腹机</a> <a href="#">其他中小型器材</a> <a href="#">武术搏击</a>
 823                             <a href="#">运动护具</a> <a href="#">瑜伽舞蹈</a>
 824                         </dd>
 825                     </dl>
 826                     <dl>
 827                         <dt><a href="#">骑行运动</a></dt>
 828                         <dd>
 829                             <a href="#">山地车/公路车</a> <a href="#">折叠车</a> <a href="#">电动车</a> <a href="#">其他整车</a>
 830                             <a href="#">骑行装备</a> <a href="#">骑行服</a>
 831                         </dd>
 832                     </dl>
 833                     <dl>
 834                         <dt><a href="#">体育用品</a></dt>
 835                         <dd>
 836                             <a href="#">乒乓球</a> <a href="#">羽毛球</a> <a href="#">网球</a> <a href="#">篮球</a> <a
 837                                 href="#">足球</a> <a href="#">高尔夫</a> <a href="#">台球</a> <a href="#">轮滑滑板</a>
 838                             <a href="#">排球</a> <a href="#">棋牌麻将</a> <a href="#">其它</a>
 839                         </dd>
 840                     </dl>
 841                     <dl>
 842                         <dt><a href="#">户外鞋服</a></dt>
 843                         <dd>
 844                             <a href="#">冲锋衣裤</a> <a href="#">速干衣裤</a> <a href="#">滑雪服</a> <a href="#">羽绒服/棉服</a>
 845                             <a href="#">休闲衣裤</a> <a href="#">抓绒衣裤</a> <a href="#">软壳衣裤</a> <a href="#">T恤</a>
 846                             <a href="#">户外风衣</a> <a href="#">功能内衣</a> <a href="#">军迷服饰</a> <a href="#">登山鞋</a>
 847                             <a href="#">徒步鞋</a> <a href="#">越野跑鞋</a> <a href="#">休闲鞋</a> <a href="#">雪地靴</a>
 848                             <a href="#">工装鞋</a> <a href="#">溯溪鞋</a> <a href="#">沙滩/凉拖</a> <a href="#">户外袜</a>
 849                         </dd>
 850                     </dl>
 851                     <dl>
 852                         <dt><a href="#">户外装备</a></dt>
 853                         <dd>
 854                             <a href="#">背包</a> <a href="#">帐篷/垫子</a> <a href="#">睡袋/吊床</a> <a href="#">登山攀岩</a>
 855                             <a href="#">户外照明</a> <a href="#">野餐烧烤</a> <a href="#">便携桌椅床</a> <a href="#">户外工具</a>
 856                             <a href="#">望远镜</a> <a href="#">户外仪表</a> <a href="#">旅游用品</a> <a href="#">军迷用品</a>
 857                             <a href="#">救援装备</a> <a href="#">滑雪装备</a> <a href="#">极限户外</a> <a href="#">冲浪潜水</a>
 858                             <a href="#">户外配饰</a>
 859                         </dd>
 860                     </dl>
 861                     <dl>
 862                         <dt><a href="#">垂钓用品</a></dt>
 863                         <dd>
 864                             <a href="#">鱼竿鱼线</a> <a href="#">浮漂鱼饵</a> <a href="#">钓鱼桌椅</a> <a href="#">钓鱼配件</a>
 865                             <a href="#">钓箱鱼包</a> <a href="#">其它</a>
 866                         </dd>
 867                     </dl>
 868                     <dl>
 869                         <dt><a href="#">游泳用品</a></dt>
 870                         <dd>
 871                             <a href="#">泳镜</a> <a href="#">泳帽</a> <a href="#">游泳包防水包</a> <a href="#">男士泳衣</a>
 872                             <a href="#">女士泳衣</a> <a href="#">比基尼</a> <a href="#">其它</a>
 873                         </dd>
 874                     </dl>
 875                 </div>
 876                 <div class="rightdiv">
 877                 </div>
 878             </div>
 879         </li>
 880         <li><a href="#">汽车用品</a><span></span>
 881             <div class="submenu">
 882                 <div class="leftdiv">
 883                     <dl>
 884                         <dt><a href="#">维修保养</a></dt>
 885                         <dd>
 886                             <a href="#">润滑油</a> <a href="#">添加剂</a> <a href="#">防冻液</a> <a href="#">滤清器</a>
 887                             <a href="#">火花塞</a> <a href="#">雨刷</a> <a href="#">车灯</a> <a href="#">后视镜</a> <a
 888                                 href="#">轮胎</a> <a href="#">轮毂</a> <a href="#">刹车片/盘</a> <a href="#">喇叭/皮带</a>
 889                             <a href="#">蓄电池</a> <a href="#">底盘装甲/护板</a> <a href="#">贴膜</a> <a href="#">汽修工具</a>
 890                         </dd>
 891                     </dl>
 892                     <dl>
 893                         <dt><a href="#">车载电器</a></dt>
 894                         <dd>
 895                             <a href="#">导航仪</a> <a href="#">安全预警仪</a> <a href="#">行车记录仪</a> <a href="#">倒车雷达</a>
 896                             <a href="#">蓝牙设备</a> <a href="#">时尚影音</a> <a href="#">净化器</a> <a href="#">电源</a>
 897                             <a href="#">冰箱</a> <a href="#">吸尘器</a>
 898                         </dd>
 899                     </dl>
 900                     <dl>
 901                         <dt><a href="#">美容清洗</a></dt>
 902                         <dd>
 903                             <a href="#">车蜡</a> <a href="#">补漆笔</a> <a href="#">玻璃水</a> <a href="#">清洁剂</a> <a
 904                                 href="#">洗车工具</a> <a href="#">洗车配件</a>
 905                         </dd>
 906                     </dl>
 907                     <dl>
 908                         <dt><a href="#">汽车装饰</a></dt>
 909                         <dd>
 910                             <a href="#">脚垫</a> <a href="#">座垫</a> <a href="#">座套</a> <a href="#">后备箱垫</a> <a
 911                                 href="#">头枕腰靠</a> <a href="#">香水</a> <a href="#">空气净化</a> <a href="#">车内饰品</a>
 912                             <a href="#">功能小件</a> <a href="#">车身装饰件</a> <a href="#">车衣</a>
 913                         </dd>
 914                     </dl>
 915                     <dl>
 916                         <dt><a href="#">安全自驾</a></dt>
 917                         <dd>
 918                             <a href="#">安全座椅</a> <a href="#">胎压充气</a> <a href="#">防盗设备</a> <a href="#">应急救援</a>
 919                             <a href="#">保温箱</a> <a href="#">储物箱</a> <a href="#">自驾野营</a> <a href="#">摩托车装备</a>
 920                         </dd>
 921                     </dl>
 922                 </div>
 923                 <div class="rightdiv">
 924                 </div>
 925             </div>
 926         </li>
 927         <li><a href="#">母婴、玩具乐器</a><span></span>
 928             <div class="submenu">
 929                 <div class="leftdiv">
 930                     <dl>
 931                         <dt><a href="#">奶粉</a></dt>
 932                         <dd>
 933                             <a href="#">婴幼奶粉</a> <a href="#">成人奶粉</a>
 934                         </dd>
 935                     </dl>
 936                     <dl>
 937                         <dt><a href="#">营养辅食</a></dt>
 938                         <dd>
 939                             <a href="#">DHA</a> <a href="#">钙铁锌/维生素</a> <a href="#">益生菌/初乳</a> <a href="#">清火/开胃</a>
 940                             <a href="#">米粉/菜粉</a> <a href="#">果泥/果汁</a> <a href="#">面条/粥</a> <a href="#">宝宝零食</a>
 941                         </dd>
 942                     </dl>
 943                     <dl>
 944                         <dt><a href="#">尿裤湿巾</a></dt>
 945                         <dd>
 946                             <a href="#">婴儿尿裤</a> <a href="#">拉拉裤</a> <a href="#">成人尿裤</a> <a href="#">湿巾</a>
 947                         </dd>
 948                     </dl>
 949                     <dl>
 950                         <dt><a href="#">洗护用品</a></dt>
 951                         <dd>
 952                             <a href="#">宝宝护肤</a> <a href="#">宝宝洗浴</a> <a href="#">理发器</a> <a href="#">洗衣液/皂</a>
 953                             <a href="#">奶瓶清洗</a> <a href="#">日常护理</a> <a href="#">座便器</a> <a href="#">驱蚊防蚊</a>
 954                         </dd>
 955                     </dl>
 956                     <dl>
 957                         <dt><a href="#">喂养用品</a></dt>
 958                         <dd>
 959                             <a href="#">奶瓶奶嘴</a> <a href="#">吸奶器</a> <a href="#">牙胶安抚</a> <a href="#">暖奶消毒</a>
 960                             <a href="#">辅食料理机</a> <a href="#">碗盘叉勺</a> <a href="#">水壶/水杯</a>
 961                         </dd>
 962                     </dl>
 963                     <dl>
 964                         <dt><a href="#">童车童床</a></dt>
 965                         <dd>
 966                             <a href="#">婴儿床</a> <a href="#">婴儿推车</a> <a href="#">餐椅摇椅</a> <a href="#">学步车</a>
 967                             <a href="#">三轮车</a> <a href="#">自行车</a> <a href="#">扭扭车</a> <a href="#">滑板车</a>
 968                             <a href="#">电动车</a>
 969                         </dd>
 970                     </dl>
 971                     <dl>
 972                         <dt><a href="#">安全座椅</a></dt>
 973                         <dd>
 974                             <a href="#">提篮式</a> <a href="#">安全座椅</a> <a href="#">增高垫</a>
 975                         </dd>
 976                     </dl>
 977                     <dl>
 978                         <dt><a href="#">寝居服饰</a></dt>
 979                         <dd>
 980                             <a href="#">婴儿外出服</a> <a href="#">婴儿内衣</a> <a href="#">婴儿礼盒</a> <a href="#">婴儿鞋帽袜</a>
 981                             <a href="#">家居床品</a> <a href="#">安全防护</a>
 982                         </dd>
 983                     </dl>
 984                     <dl>
 985                         <dt><a href="#">妈妈专区</a></dt>
 986                         <dd>
 987                             <a href="#">妈咪包/背婴带</a> <a href="#">待产/新生</a> <a href="#">产后塑身</a> <a href="#">文胸/内裤</a>
 988                             <a href="#">防辐射服</a> <a href="#">孕妇装</a> <a href="#">月子装</a> <a href="#">孕期营养</a>
 989                             <a href="#">孕妈美容</a>
 990                         </dd>
 991                     </dl>
 992                     <dl class="0">
 993                         <dt><a href="#">童装童鞋</a></dt>
 994                         <dd>
 995                             <a href="#">套装</a> <a href="#">上衣</a> <a href="#">裤子</a> <a href="#">裙子</a> <a href="#">
 996                                 内衣</a> <a href="#">羽绒服/棉服</a> <a href="#">亲子装</a> <a href="#">配饰</a> <a href="#">演出服</a>
 997                             <a href="#">运动服</a> <a href="#">运动鞋</a> <a href="#">皮鞋/帆布鞋</a> <a href="#">靴子</a>
 998                             <a href="#">凉鞋</a> <a href="#">功能鞋</a>
 999                         </dd>
1000                     </dl>
1001                     <dl class="1">
1002                         <dt><a href="#">玩具乐器</a></dt>
1003                         <dd>
1004                             <a href="#">适用年龄</a> <a href="#">遥控/电动</a> <a href="#">毛绒布艺</a> <a href="#">娃娃玩具</a>
1005                             <a href="#">模型玩具</a> <a href="#">健身玩具</a> <a href="#">动漫玩具</a> <a href="#">益智玩具</a>
1006                             <a href="#">积木拼插</a> <a href="#">DIY玩具</a> <a href="#">创意减压</a> <a href="#">乐器相关</a>
1007                         </dd>
1008                     </dl>
1009                 </div>
1010                 <div class="rightdiv">
1011                 </div>
1012             </div>
1013         </li>
1014         <li><a href="#">食品饮料、酒类、生鲜</a><span></span>
1015             <div class="submenu">
1016                 <div class="leftdiv">
1017                     <dl>
1018                         <dt><a href="#">中外名酒</a></dt>
1019                         <dd>
1020                             <a href="#">白酒</a> <a href="#">葡萄酒</a> <a href="#">洋酒</a> <a href="#">啤酒</a> <a href="#">
1021                                 黄酒/养生酒</a> <a href="#">收藏酒/陈年老酒</a>
1022                         </dd>
1023                     </dl>
1024                     <dl>
1025                         <dt><a href="#">进口食品</a></dt>
1026                         <dd>
1027                             <a href="#">牛奶</a> <a href="#">饼干蛋糕</a> <a href="#">糖果/巧克力</a> <a href="#">休闲零食</a>
1028                             <a href="#">冲调饮品</a> <a href="#">粮油调味</a>
1029                         </dd>
1030                     </dl>
1031                     <dl>
1032                         <dt><a href="#">休闲食品</a></dt>
1033                         <dd>
1034                             <a href="#">休闲零食</a> <a href="#">坚果炒货</a> <a href="#">肉干肉脯</a> <a href="#">蜜饯果干</a>
1035                             <a href="#">糖果/巧克力</a> <a href="#">饼干蛋糕</a> <a href="#">无糖食品</a>
1036                         </dd>
1037                     </dl>
1038                     <dl>
1039                         <dt><a href="#">地方特产</a></dt>
1040                         <dd>
1041                             <a href="#">*</a> <a href="#">四川</a> <a href="#">云南</a> <a href="#">湖南</a> <a href="#">
1042                                 内蒙</a> <a href="#">北京</a> <a href="#">山西</a> <a href="#">福建</a> <a href="#">东北</a>
1043                             <a href="#">其他</a>
1044                         </dd>
1045                     </dl>
1046                     <dl>
1047                         <dt><a href="#">茗茶</a></dt>
1048                         <dd>
1049                             <a href="#">铁观音</a> <a href="#">普洱</a> <a href="#">龙井</a> <a href="#">绿茶</a> <a href="#">
1050                                 红茶</a> <a href="#">乌龙茶</a> <a href="#">花草茶</a> <a href="#">花果茶</a> <a href="#">黑茶</a>
1051                             <a href="#">白茶</a> <a href="#">养生茶</a> <a href="#">其他茶</a>
1052                         </dd>
1053                     </dl>
1054                     <dl>
1055                         <dt><a href="#">饮料冲调</a></dt>
1056                         <dd>
1057                             <a href="#">牛奶乳品</a> <a href="#">饮料</a> <a href="#">饮用水</a> <a href="#">咖啡/奶茶</a>
1058                             <a href="#">蜂蜜/柚子茶</a> <a href="#">冲饮谷物</a> <a href="#">成人奶粉</a>
1059                         </dd>
1060                     </dl>
1061                     <dl>
1062                         <dt><a href="#">粮油调味</a></dt>
1063                         <dd>
1064                             <a href="#">米面杂粮</a> <a href="#">食用油</a> <a href="#">调味品</a> <a href="#">南北干货</a>
1065                             <a href="#">方便食品</a> <a href="#">有机食品</a>
1066                         </dd>
1067                     </dl>
1068                     <dl>
1069                         <dt><a href="#">生鲜食品</a></dt>
1070                         <dd>
1071                             <a href="#">水果蔬菜</a> <a href="#">海鲜水产</a> <a href="#">海参</a> <a href="#">牛排</a>
1072                             <a href="#">肉禽蛋奶</a> <a href="#">熟食腊味</a> <a href="#">环球美食</a> <a href="#">产地直供</a>
1073                         </dd>
1074                     </dl>
1075                     <dl>
1076                         <dt><a href="#">食品礼券</a></dt>
1077                         <dd>
1078                             <a href="#">大闸蟹</a> <a href="#">粽子</a> <a href="#">月饼</a> <a href="#">卡券</a>
1079                         </dd>
1080                     </dl>
1081                 </div>
1082                 <div class="rightdiv">
1083                 </div>
1084             </div>
1085         </li>
1086         <li><a href="#">营养保健</a><span></span>
1087             <div class="submenu">
1088                 <div class="leftdiv">
1089                     <dl>
1090                         <dt><a href="#">营养健康</a></dt>
1091                         <dd>
1092                             <a href="#">调节免疫</a> <a href="#">调节三高</a> <a href="#">缓解疲劳</a> <a href="#">美体塑身</a>
1093                             <a href="#">美容养颜</a> <a href="#">肝肾养护</a> <a href="#">肠胃养护</a> <a href="#">明目益智</a>
1094                             <a href="#">骨骼健康</a> <a href="#">改善睡眠</a> <a href="#">抗氧化</a> <a href="#">耐缺氧</a>
1095                         </dd>
1096                     </dl>
1097                     <dl>
1098                         <dt><a href="#">营养成分</a></dt>
1099                         <dd>
1100                             <a href="#">维生素/矿物质</a> <a href="#">蛋白质</a> <a href="#">鱼油/磷脂</a> <a href="#">螺旋藻</a>
1101                             <a href="#">番茄红素</a> <a href="#">叶酸</a> <a href="#">葡萄籽</a> <a href="#">左旋肉碱</a>
1102                             <a href="#">辅酶Q10</a> <a href="#">益生菌</a> <a href="#">玛咖</a> <a href="#">膳食纤维</a>
1103                             <a href="#">牛初乳</a> <a href="#">胶原蛋白</a> <a href="#">大豆异黄酮</a> <a href="#">芦荟提取</a>
1104                             <a href="#">酵素</a>
1105                         </dd>
1106                     </dl>
1107                     <dl>
1108                         <dt><a href="#">传统滋补</a></dt>
1109                         <dd>
1110                             <a href="#">蜂产品</a> <a href="#">阿胶</a> <a href="#">参类</a> <a href="#">冬虫夏草</a> <a
1111                                 href="#">燕窝</a> <a href="#">海参</a> <a href="#">养生茶饮</a> <a href="#">鹿茸</a> <a href="#">
1112                                     灵芝</a> <a href="#">药食同源</a>
1113                         </dd>
1114                     </dl>
1115                     <dl>
1116                         <dt><a href="#">成人用品</a></dt>
1117                         <dd>
1118                             <a href="#">安全避孕</a> <a href="#">验孕测孕</a> <a href="#">人体润滑</a> <a href="#">情爱玩具</a>
1119                             <a href="#">情趣内衣</a>
1120                         </dd>
1121                     </dl>
1122                     <dl>
1123                         <dt><a href="#">保健器械</a></dt>
1124                         <dd>
1125                             <a href="#">血压仪器</a> <a href="#">血糖用品</a> <a href="#">养生器械</a> <a href="#">康复辅助</a>
1126                             <a href="#">中医保健</a> <a href="#">家庭护理</a> <a href="#">呼吸制氧</a>
1127                         </dd>
1128                     </dl>
1129                     <dl>
1130                         <dt><a href="#">急救卫生</a></dt>
1131                         <dd>
1132                             <a href="#">口罩</a> <a href="#">跌打损伤</a> <a href="#">防裂抗冻</a> <a href="#">眼部保健</a>
1133                             <a href="#">鼻炎健康</a>
1134                         </dd>
1135                     </dl>
1136                 </div>
1137                 <div class="rightdiv">
1138                 </div>
1139             </div>
1140         </li>
1141     </ul>
1142 </body>
1143 </html>

效果图如下: