`

主题:jquery仿天猫商城左侧导航菜单代码

 
阅读更多

转自:http://www.iteye.com/topic/1132412

 

jquery左侧分类导航仿淘宝天猫商城左侧浮动导航菜单分类列表,随着浏览器滚动条滚动,导航菜单智能定位浮动显示,且分类导航条慢慢折叠或展开显示。一款非常实用的jquery左侧导航菜单。

 

 

 

 

查看演示>>

 

Js代码  收藏代码
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  5. <title>jquery仿天猫左侧导航菜单分类列表</title>  
  6. <meta name="description" content="jquery左侧分类导航仿淘宝天猫商城左侧浮动导航菜单分类列表,随着浏览器滚动条滚动,导航菜单智能定位浮动显示,且分类导航条慢慢折叠或展开显示。一款非常实用的jquery左侧导航菜单。" />  
  7. </head>  
  8. <body>  
  9.   
  10. <style type="text/css">  
  11. *{margin:0;padding:0;list-style-type:none;}  
  12. a,img{border:0;}  
  13. a{color:#5e5e5e;text-decoration:none;}  
  14. a:hover{color:#990000;}  
  15. body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";background:url('images/bg_html.jpg') top center repeat #140a04;}  
  16. /* yourweb_container */  
  17. .yourweb_container{width:1156px;margin:0 auto;}  
  18. .sidebar{width:918px;float:right;height:2600px;background:repeat-y url('images/bg_line_t.jpg') #ffffff;}  
  19. .sidebar h1{font-size:16px;font-family:'微软雅黑';padding:10px 20px;}  
  20. .sidebar p{padding:10px 20px;font-size:14px;}  
  21. </style>  
  22. <link rel="stylesheet" type="text/css" href="css/jquery.tmailsider.css" />  
  23.       
  24.     <div class="yourweb_container">  
  25.         <div style="height:60px;overflow:hidden;"></div>  
  26.         <div id="Z_RightSide" class="sidebar">  
  27.             <h1>仿天猫导航</h1>  
  28.             <p> 仿淘宝天猫左侧分类导航 兼容IE6(没有折叠效果), IE7 IE8及以上 Firefox,Chrome等主流浏览 器<br/>Design by 夏の寒风 QQ:490720430</p>  
  29.         </div>  
  30.     </div><!--yourweb_container end-->  
  31.       
  32.     <div id="Z_TypeList" class="Z_TypeList">  
  33.         <h1 class="title">所有商品分类</h1>  
  34.         <div class="Z_MenuList">  
  35.             <ul>  
  36.                 <li class="list-item0">  
  37.                     <h3>服装/内衣/配件</h3>  
  38.                     <p>  
  39.                         <a href="http://www.17sucai.com/">女装</a>  
  40.                         <a href="http://www.17sucai.com/">男装</a>  
  41.                         <a href="http://www.17sucai.com/">内衣</a>  
  42.                         <a href="http://www.17sucai.com/">羽绒</a>  
  43.                         <a href="http://www.17sucai.com/">呢大衣</a>  
  44.                     </p>  
  45.                     <p>  
  46.                         <a href="http://www.17sucai.com/">毛衣</a>  
  47.                         <a href="http://www.17sucai.com/">保暖</a>  
  48.                         <a href="http://www.17sucai.com/">睡衣</a>  
  49.                         <a href="http://www.17sucai.com/">男羽绒</a>  
  50.                         <a href="http://www.17sucai.com/">男毛衣</a>  
  51.                     </p>  
  52.                 </li>  
  53.                 <li class="list-item1 alt">  
  54.                     <h3>鞋/箱包</h3>  
  55.                     <p>  
  56.                         <a href="http://www.17sucai.com/">女鞋</a>  
  57.                         <a href="http://www.17sucai.com/">男鞋</a>  
  58.                         <a href="http://www.17sucai.com/">雪地靴</a>  
  59.                         <a href="http://www.17sucai.com/">靴子</a>  
  60.                         <a href="http://www.17sucai.com/">男靴</a>  
  61.                     </p>  
  62.                     <p>  
  63.                         <a href="http://www.17sucai.com/">箱包</a>  
  64.                         <a href="http://www.17sucai.com/">女包</a>  
  65.                         <a href="http://www.17sucai.com/">男包</a>  
  66.                         <a href="http://www.17sucai.com/">拉杆箱</a>  
  67.                         <a href="http://www.17sucai.com/">钱包</a>  
  68.                     </p>  
  69.                 </li>  
  70.                 <li class="list-item2">  
  71.                     <h3>珠宝饰品/手表眼睛</h3>  
  72.                     <p>  
  73.                         <a href="http://www.17sucai.com/">珠宝</a>  
  74.                         <a href="http://www.17sucai.com/">足金</a>  
  75.                         <a href="http://www.17sucai.com/">钻戒</a>  
  76.                         <a href="http://www.17sucai.com/">玉镯</a>  
  77.                         <a href="http://www.17sucai.com/">珍珠</a>  
  78.                     </p>  
  79.                     <p>  
  80.                         <a href="http://www.17sucai.com/">手表</a>  
  81.                         <a href="http://www.17sucai.com/">饰品</a>  
  82.                         <a href="http://www.17sucai.com/">毛衣链</a>  
  83.                         <a href="http://www.17sucai.com/">手链</a>  
  84.                         <a href="http://www.17sucai.com/">瑞士军刀</a>  
  85.                     </p>  
  86.                 </li>  
  87.                 <li class="list-item3 alt">  
  88.                     <h3>化妆品</h3>  
  89.                     <p>  
  90.                         <a href="http://www.17sucai.com/">护肤</a>  
  91.                         <a href="http://www.17sucai.com/">彩妆</a>  
  92.                         <a href="http://www.17sucai.com/">假发</a>  
  93.                         <a href="http://www.17sucai.com/">香水</a>  
  94.                         <a href="http://www.17sucai.com/">男士护肤</a>  
  95.                     </p>  
  96.                     <p>  
  97.                         <a href="http://www.17sucai.com/">套装</a>  
  98.                         <a href="http://www.17sucai.com/">面膜</a>  
  99.                         <a href="http://www.17sucai.com/">洁面</a>  
  100.                         <a href="http://www.17sucai.com/">眼霜</a>  
  101.                         <a href="http://www.17sucai.com/">BB霜</a>  
  102.                         <a href="http://www.17sucai.com/">爽肤水</a>  
  103.                     </p>  
  104.                 </li>  
  105.                 <li class="list-item4">  
  106.                     <h3>运动户外</h3>  
  107.                     <p>  
  108.                         <a href="http://www.17sucai.com/">运动鞋</a>  
  109.                         <a href="http://www.17sucai.com/">运动服</a>  
  110.                         <a href="http://www.17sucai.com/">户外</a>  
  111.                         <a href="http://www.17sucai.com/">用品</a>  
  112.                         <a href="http://www.17sucai.com/">板鞋</a>  
  113.                     </p>  
  114.                     <p>  
  115.                         <a href="http://www.17sucai.com/">跑步鞋</a>  
  116.                         <a href="http://www.17sucai.com/">羽绒服</a>  
  117.                         <a href="http://www.17sucai.com/">冲锋衣</a>  
  118.                         <a href="http://www.17sucai.com/">跑步机</a>  
  119.                     </p>  
  120.                 </li>  
  121.                 <li class="list-item5 alt">  
  122.                     <h3>手机数码</h3>  
  123.                     <p>  
  124.                         <a href="http://www.17sucai.com/">手机</a>  
  125.                         <a href="http://www.17sucai.com/">相机</a>  
  126.                         <a href="http://www.17sucai.com/">笔记本</a>  
  127.                         <a href="http://www.17sucai.com/">平板</a>  
  128.                         <a href="http://www.17sucai.com/">硬件</a>  
  129.                     </p>  
  130.                     <p>  
  131.                         <a href="http://www.17sucai.com/">配件</a>  
  132.                         <a href="http://www.17sucai.com/">视听</a>  
  133.                         <a href="http://www.17sucai.com/">移动存储</a>  
  134.                         <a href="http://www.17sucai.com/">台式机</a>  
  135.                     </p>  
  136.                 </li>  
  137.                 <li class="list-item6">  
  138.                     <h3>家用电器</h3>  
  139.                     <p>  
  140.                         <a href="http://www.17sucai.com/">大家电</a>  
  141.                         <a href="http://www.17sucai.com/">影音</a>  
  142.                         <a href="http://www.17sucai.com/">电视</a>  
  143.                         <a href="http://www.17sucai.com/">耳机</a>  
  144.                         <a href="http://www.17sucai.com/">厨房</a>  
  145.                     </p>  
  146.                     <p>  
  147.                         <a href="http://www.17sucai.com/">生活电器</a>  
  148.                         <a href="http://www.17sucai.com/">取暖器</a>  
  149.                         <a href="http://www.17sucai.com/">个人护理/保健</a>  
  150.                     </p>  
  151.                 </li>  
  152.                 <li class="list-item7 alt">  
  153.                     <h3>家具建材</h3>  
  154.                     <p>  
  155.                         <a href="http://www.17sucai.com/">灯具</a>  
  156.                         <a href="http://www.17sucai.com/">卫浴</a>  
  157.                         <a href="http://www.17sucai.com/">油漆</a>  
  158.                         <a href="http://www.17sucai.com/">开关</a>  
  159.                         <a href="http://www.17sucai.com/">地板</a>  
  160.                         <a href="http://www.17sucai.com/">墙纸</a>  
  161.                     </p>  
  162.                     <p>  
  163.                         <a href="http://www.17sucai.com/">沙发</a>  
  164.                         <a href="http://www.17sucai.com/">床</a>  
  165.                         <a href="http://www.17sucai.com/">衣柜</a>  
  166.                         <a href="http://www.17sucai.com/">床垫</a>  
  167.                         <a href="http://www.17sucai.com/">架类</a>  
  168.                         <a href="http://www.17sucai.com/">工具</a>  
  169.                     </p>  
  170.                 </li>  
  171.                 <li class="list-item8">  
  172.                     <h3>家纺/居家</h3>  
  173.                     <p>  
  174.                         <a href="http://www.17sucai.com/">四件套</a>  
  175.                         <a href="http://www.17sucai.com/">蚕丝被</a>  
  176.                         <a href="http://www.17sucai.com/">冬被</a>  
  177.                         <a href="http://www.17sucai.com/">枕头</a>  
  178.                         <a href="http://www.17sucai.com/">家饰</a>  
  179.                     </p>  
  180.                     <p>  
  181.                         <a href="http://www.17sucai.com/">厨房</a>  
  182.                         <a href="http://www.17sucai.com/">杯子</a>  
  183.                         <a href="http://www.17sucai.com/">清洁</a>  
  184.                         <a href="http://www.17sucai.com/">收纳</a>  
  185.                         <a href="http://www.17sucai.com/">宠物</a>  
  186.                         <a href="http://www.17sucai.com/">居家</a>  
  187.                     </p>  
  188.                 </li>  
  189.                 <li class="list-item9 alt">  
  190.                     <h3>母婴玩具</h3>  
  191.                     <p>  
  192.                         <a href="http://www.17sucai.com/">奶粉</a>  
  193.                         <a href="http://www.17sucai.com/">尿裤</a>  
  194.                         <a href="http://www.17sucai.com/">童装</a>  
  195.                         <a href="http://www.17sucai.com/">孕产</a>  
  196.                         <a href="http://www.17sucai.com/">玩具</a>  
  197.                         <a href="http://www.17sucai.com/">车床</a>  
  198.                     </p>  
  199.                     <p>  
  200.                         <a href="http://www.17sucai.com/">辅食</a>  
  201.                         <a href="http://www.17sucai.com/">用品</a>  
  202.                         <a href="http://www.17sucai.com/">童鞋</a>  
  203.                         <a href="http://www.17sucai.com/">月子</a>  
  204.                         <a href="http://www.17sucai.com/">大人玩乐</a>  
  205.                     </p>  
  206.                 </li>  
  207.                 <li class="list-item10">  
  208.                     <h3>食品</h3>  
  209.                     <p>  
  210.                         <a href="http://www.17sucai.com/">零食</a>  
  211.                         <a href="http://www.17sucai.com/">坚果</a>  
  212.                         <a href="http://www.17sucai.com/">茶叶</a>  
  213.                         <a href="http://www.17sucai.com/">冲饮</a>  
  214.                         <a href="http://www.17sucai.com/">粮油</a>  
  215.                         <a href="http://www.17sucai.com/">生鲜</a>  
  216.                     </p>  
  217.                     <p>  
  218.                         <a href="http://www.17sucai.com/">酒水</a>  
  219.                         <a href="http://www.17sucai.com/">白酒</a>  
  220.                         <a href="http://www.17sucai.com/">葡萄酒</a>  
  221.                         <a href="http://www.17sucai.com/">巧克力</a>  
  222.                         <a href="http://www.17sucai.com/">进口</a>  
  223.                     </p>  
  224.                 </li>  
  225.                 <li class="list-item11 alt">  
  226.                     <h3>医药保健</h3>  
  227.                     <p>  
  228.                         <a href="http://www.17sucai.com/">保健</a>  
  229.                         <a href="http://www.17sucai.com/">滋补</a>  
  230.                         <a href="http://www.17sucai.com/">养生</a>  
  231.                         <a href="http://www.17sucai.com/">食疗</a>  
  232.                         <a href="http://www.17sucai.com/">提高免疫</a>  
  233.                     </p>  
  234.                     <p>  
  235.                         <a href="http://www.17sucai.com/">药品</a>  
  236.                         <a href="http://www.17sucai.com/">血压</a>  
  237.                         <a href="http://www.17sucai.com/">美瞳</a>  
  238.                         <a href="http://www.17sucai.com/">计生</a>  
  239.                         <a href="http://www.17sucai.com/">体检</a>  
  240.                     </p>  
  241.                 </li>  
  242.                 <li class="list-item12">  
  243.                     <h3>汽车配件</h3>  
  244.                     <p>  
  245.                         <a href="http://www.17sucai.com/">汽车</a>  
  246.                         <a href="http://www.17sucai.com/">汽车用品</a>  
  247.                         <a href="http://www.17sucai.com/">坐垫</a>  
  248.                         <a href="http://www.17sucai.com/">座套</a>  
  249.                     </p>  
  250.                     <p>  
  251.                         <a href="http://www.17sucai.com/">脚垫</a>  
  252.                         <a href="http://www.17sucai.com/">GPS</a>  
  253.                         <a href="http://www.17sucai.com/">儿童安全座椅</a>  
  254.                         <a href="http://www.17sucai.com/">改装</a>  
  255.                     </p>  
  256.                 </li>  
  257.                 <li class="list-item13 alt">  
  258.                     <h3>图书音像</h3>  
  259.                     <p>  
  260.                         <a href="http://www.17sucai.com/">考试</a>  
  261.                         <a href="http://www.17sucai.com/">儿童</a>  
  262.                         <a href="http://www.17sucai.com/">小说</a>  
  263.                         <a href="http://www.17sucai.com/">外语</a>  
  264.                         <a href="http://www.17sucai.com/">社科</a>  
  265.                         <a href="http://www.17sucai.com/">艺术</a>  
  266.                     </p>  
  267.                     <p>  
  268.                         <a href="http://www.17sucai.com/">养生</a>  
  269.                         <a href="http://www.17sucai.com/">文学</a>  
  270.                         <a href="http://www.17sucai.com/">动漫</a>  
  271.                         <a href="http://www.17sucai.com/">杂志</a>  
  272.                         <a href="http://www.17sucai.com/">心理</a>  
  273.                         <a href="http://www.17sucai.com/">管理</a>  
  274.                     </p>  
  275.                 </li>  
  276.                 <li class="list-item14">  
  277.                     <h3>文化娱乐</h3>  
  278.                     <p>  
  279.                         <a href="http://www.17sucai.com/">电子凭证</a>  
  280.                         <a href="http://www.17sucai.com/">小猫提货</a>  
  281.                         <a href="http://www.17sucai.com/">乐器</a>  
  282.                         <a href="http://www.17sucai.com/">旅游</a>  
  283.                     </p>  
  284.                     <p>  
  285.                         <a href="http://www.17sucai.com/">网店软件</a>  
  286.                         <a href="http://www.17sucai.com/">古董字画</a>  
  287.                         <a href="http://www.17sucai.com/">个性定制</a>  
  288.                     </p>  
  289.                 </li>  
  290.                 <li class="list-item15 alt">  
  291.                     <h3>手机/网游点卡</h3>  
  292.                 </li>  
  293.             </ul>  
  294.         </div>  
  295.         <div class="Z_SubList">  
  296.             <div class="subView">  
  297.                 <ul>  
  298.                     <li class="subItem">  
  299.                         <h3 class="subItem-hd"><a target="_blank" href="http://www.17sucai.com/">服装/内衣/配件</a></h3>  
  300.                         <p class="subItem-cat">  
  301.                             <a target="_blank" href="http://www.17sucai.com/">羽绒服</a>  
  302.                             <a target="_blank" href="http://www.17sucai.com/">毛衣</a>  
  303.                             <a target="_blank" href="http://www.17sucai.com/">棉衣棉服</a>  
  304.                             <a target="_blank" href="http://www.17sucai.com/">毛呢外套</a>  
  305.                             <a target="_blank" href="http://www.17sucai.com/">打底裤</a>  
  306.                             <a target="_blank" href="http://www.17sucai.com/">休闲裤</a>  
  307.                             <a target="_blank" href="http://www.17sucai.com/">连衣裙</a>  
  308.                             <a target="_blank" href="http://www.17sucai.com/">牛仔裤</a>  
  309.                             <a target="_blank" href="http://www.17sucai.com/">中老年服装</a>  
  310.                             <a target="_blank" href="http://www.17sucai.com/">针织衫</a>  
  311.                             <a target="_blank" href="http://www.17sucai.com/">T恤</a>  
  312.                             <a target="_blank" href="http://www.17sucai.com/">卫衣</a>  
  313.                             <a target="_blank" href="http://www.17sucai.com/">半身裙</a>  
  314.                             <a target="_blank" href="http://www.17sucai.com/">皮草</a>  
  315.                             <a target="_blank" href="http://www.17sucai.com/">婚纱/礼服/旗袍</a>  
  316.                             <a target="_blank" href="http://www.17sucai.com/">真皮皮衣</a>  
  317.                             <a target="_blank" href="http://www.17sucai.com/">衬衫</a>  
  318.                             <a target="_blank" href="http://www.17sucai.com/">风衣</a>  
  319.                             <a target="_blank" href="http://www.17sucai.com/">婚纱</a>  
  320.                         </p>  
  321.                         <h4 class="subItem-title brandTitle">品牌:</h4>  
  322.                         <p class="subItem-brand">  
  323.                             <a target="_blank" href="http://www.17sucai.com/">波司登</a>  
  324.                             <a target="_blank" href="http://www.17sucai.com/">ochirly</a>  
  325.                             <a target="_blank" href="http://www.17sucai.com/">韩都衣舍</a>  
  326.                             <a target="_blank" href="http://www.17sucai.com/">裂帛</a>  
  327.                             <a target="_blank" href="http://www.17sucai.com/">优衣库</a>  
  328.                             <a target="_blank" href="http://www.17sucai.com/">only</a>  
  329.                             <a target="_blank" href="http://www.17sucai.com/">秋水伊人</a>  
  330.                             <a target="_blank" href="http://www.17sucai.com/">哥弟</a>  
  331.                             <a target="_blank" href="http://www.17sucai.com/">粉红大布娃娃</a>  
  332.                             <a target="_blank" href="http://www.17sucai.com/">三彩</a>  
  333.                             <a target="_blank" href="http://www.17sucai.com/">歌莉娅</a>  
  334.                             <a target="_blank" href="http://www.17sucai.com/">茵曼</a>  
  335.                             <a target="_blank" href="http://www.17sucai.com/">艾莱依</a>  
  336.                             <a target="_blank" href="http://www.17sucai.com/">衣香丽影</a>  
  337.                             <a target="_blank" href="http://www.17sucai.com/">江南布衣</a>  
  338.                             <a target="_blank" href="http://www.17sucai.com/">纳纹</a>  
  339.                             <a target="_blank" href="http://www.17sucai.com/">播</a>  
  340.                             <a target="_blank" href="http://www.17sucai.com/">香影</a>  
  341.                             <a target="_blank" href="http://www.17sucai.com/">雅鹿</a>  
  342.                             <a target="_blank" href="http://www.17sucai.com/">OSA</a>  
  343.                         </p>  
  344.                     </li>  
  345.                     <li class="subItem">  
  346.                         <h3 class="subItem-hd"><a target="_blank" href="http://www.17sucai.com/">服饰配件</a></h3>  
  347.                         <p class="subItem-cat">  
  348.                             <a target="_blank" href="http://www.17sucai.com/">女士丝巾/围巾/披肩</a>  
  349.                             <a target="_blank" href="http://www.17sucai.com/">男士皮带</a>  
  350.                             <a target="_blank" href="http://www.17sucai.com/">女士腰带</a>  
  351.                             <a target="_blank" href="http://www.17sucai.com/">毛线</a>  
  352.                             <a target="_blank" href="http://www.17sucai.com/">手套</a>  
  353.                             <a target="_blank" href="http://www.17sucai.com/">帽子</a>  
  354.                             <a target="_blank" href="http://www.17sucai.com/">男士围巾</a>  
  355.                             <a target="_blank" href="http://www.17sucai.com/">领带/领结</a>  
  356.                         </p>  
  357.                         <h4 class="subItem-title brandTitle">品牌:</h4>  
  358.                         <p class="subItem-brand">  
  359.                             <a target="_blank" href="http://www.17sucai.com/">七匹狼</a>  
  360.                             <a target="_blank" href="http://www.17sucai.com/">Rayli</a>  
  361.                             <a target="_blank" href="http://www.17sucai.com/">CARTELO</a>  
  362.                         </p>  
  363.                     </li>  
  364.                 </ul>  
  365.                   
  366.                 <ul>  
  367.                     <li class="subItem">  
  368.                         <h3 class="subItem-hd"><a target="_blank" href="http://www.17sucai.com/">精品男装</a></h3>  
  369.                         <p class="subItem-cat">  
  370.                             <a target="_blank" href="http://www.17sucai.com/">羽绒服</a>  
  371.                             <a target="_blank" href="http://www.17sucai.com/">毛衣</a>  
  372.                             <a target="_blank" href="http://www.17sucai.com/">棉衣</a>  
  373.                             <a target="_blank" href="http://www.17sucai.com/">皮衣</a>  
  374.                             <a target="_blank" href="http://www.17sucai.com/">牛仔裤</a>  
  375.                             <a target="_blank" href="http://www.17sucai.com/">呢大衣</a>  
  376.                             <a target="_blank" href="http://www.17sucai.com/">风衣</a>  
  377.                             <a target="_blank" href="http://www.17sucai.com/">夹克</a>  
  378.                             <a target="_blank" href="http://www.17sucai.com/">羊绒衫</a>  
  379.                             <a target="_blank" href="http://www.17sucai.com/">休闲裤</a>  
  380.                             <a target="_blank" href="http://www.17sucai.com/">卫衣</a>  
  381.                             <a target="_blank" href="http://www.17sucai.com/">马甲/背心</a>  
  382.                             <a target="_blank" href="http://www.17sucai.com/">衬衫</a>  
  383.                             <a target="_blank" href="http://www.17sucai.com/">t恤</a>  
  384.                             <a target="_blank" href="http://www.17sucai.com/">针织衫</a>  
  385.                             <a target="_blank" href="http://www.17sucai.com/">皮裤</a>  
  386.                             <a target="_blank" href="http://www.17sucai.com/">西服</a>  
  387.                             <a target="_blank" href="http://www.17sucai.com/">西裤</a>  
  388.                             <a target="_blank" href="http://www.17sucai.com/">西服套装</a>  
  389.                             <a target="_blank" href="http://www.17sucai.com/">中老年服装</a>  
  390.                         </p>  
  391.                         <h4 class="subItem-title brandTitle">品牌:</h4>  
  392.                         <p class="subItem-brand">  
  393.                             <a target="_blank" href="http://www.17sucai.com/">七匹狼</a>  
  394.                             <a target="_blank" href="http://www.17sucai.com/">JACKJONES</a>  
  395.                             <a target="_blank" href="http://www.17sucai.com/">太平鸟</a>  
  396.                             <a target="_blank" href="http://www.17sucai.com/">GXG</a>  
  397.                             <a target="_blank" href="http://www.17sucai.com/">恒源祥</a>  
  398.                             <a target="_blank" href="http://www.17sucai.com/">劲霸</a>  
  399.                             <a target="_blank" href="http://www.17sucai.com/">马克华菲</a>  
  400.                             <a target="_blank" href="http://www.17sucai.com/">九牧王</a>  
  401.                             <a target="_blank" href="http://www.17sucai.com/">利郎</a>  
  402.                             <a target="_blank" href="http://www.17sucai.com/">LEE</a>  
  403.                             <a target="_blank" href="http://www.17sucai.com/">柒牌</a>  
  404.                             <a target="_blank" href="http://www.17sucai.com/">LEVI'S</a>  
  405.                             <a target="_blank" href="http://www.17sucai.com/">SELECTED</a>  
  406.                             <a target="_blank" href="http://www.17sucai.com/">杉杉</a>  
  407.                             <a target="_blank" href="http://www.17sucai.com/">雅戈尔</a>  
  408.                             <a target="_blank" href="http://www.17sucai.com/">DICKIES</a>  
  409.                             <a target="_blank" href="http://www.17sucai.com/">诺帝卡</a>  
  410.                             <a target="_blank" href="http://www.17sucai.com/">报喜鸟</a>  
  411.                         </p>  
  412.                     </li>  
  413.                     <li class="subItem">  
  414.                         <h3 class="subItem-hd"><a target="_blank" href="http://www.17sucai.com/">时尚家居</a></h3>  
  415.                         <p class="subItem-cat">  
  416.                             <a target="_blank" href="http://www.17sucai.com/">睡衣套装</a>  
  417.                             <a target="_blank" href="http://www.17sucai.com/">夹棉家居服</a>  
  418.                             <a target="_blank" href="http://www.17sucai.com/">珊瑚绒家居服</a>  
  419.                             <a target="_blank" href="http://www.17sucai.com/">情侣套装</a>  
  420.                             <a target="_blank" href="http://www.17sucai.com/">卡通睡衣</a>  
  421.                             <a target="_blank" href="http://www.17sucai.com/">睡袍</a>  
  422.                             <a target="_blank" href="http://www.17sucai.com/">睡裙</a>  
  423.                             <a target="_blank" href="http://www.17sucai.com/">睡裤</a>  
  424.                         </p>  
  425.                         <h4 class="subItem-title brandTitle">品牌:</h4>  
  426.                         <p class="subItem-brand">  
  427.                             <a target="_blank" href="http://www.17sucai.com/">芬腾</a>  
  428.                             <a target="_blank" href="http://www.17sucai.com/">安之伴</a>  
  429.                             <a target="_blank" href="http://www.17sucai.com/">派邦奴</a>  
  430.                             <a target="_blank" href="http://www.17sucai.com/">秋鹿</a>  
  431.                             <a target="_blank" href="http://www.17sucai.com/">睦隆世家</a>  
  432.                             <a target="_blank" href="http://www.17sucai.com/">雪俐</a>  
  433.                             <a target="_blank" href="http://www.17sucai.com/">爱帝</a>  
  434.                             <a target="_blank" href="http://www.17sucai.com/">美梦</a>  
  435.                         </p>  
  436.                     </li>  
  437.                 </ul>       
  438.                   
  439.                 <ul>  
  440.                     <li class="subItem">  
  441.                         <h3 class="subItem-hd"><a target="_blank" href="http://www.17sucai.com/">精致内衣</a></h3>  
  442.                         <p class="subItem-cat">  
  443.                             <a target="_blank" href="http://www.17sucai.com/">保暖套装</a>  
  444.                             <a target="_blank" href="http://www.17sucai.com/">保暖上衣</a>  
  445.                             <a target="_blank" href="http://www.17sucai.com/">精品文胸</a>  
  446.                             <a target="_blank" href="http://www.17sucai.com/">塑身衣</a>  
  447.                             <a target="_blank" href="http://www.17sucai.com/">女式内裤</a>  
  448.                             <a target="_blank" href="http://www.17sucai.com/">文胸套装</a>  
  449.                             <a target="_blank" href="http://www.17sucai.com/">中筒袜</a>  
  450.                             <a target="_blank" href="http://www.17sucai.com/">连裤袜</a>  
  451.                             <a target="_blank" href="http://www.17sucai.com/">男式内裤</a>  
  452.                             <a target="_blank" href="http://www.17sucai.com/">保暖裤</a>  
  453.                             <a target="_blank" href="http://www.17sucai.com/">聚拢文胸</a>  
  454.                             <a target="_blank" href="http://www.17sucai.com/">美腿袜</a>  
  455.                         </p>  
  456.                         <h4 class="subItem-title brandTitle">品牌:</h4>  
  457.                         <p class="subItem-brand">  
  458.                             <a target="_blank" href="http://www.17sucai.com/">七匹狼</a>  
  459.                             <a target="_blank" href="http://www.17sucai.com/">浪莎</a>  
  460.                             <a target="_blank" href="http://www.17sucai.com/">波司登</a>  
  461.                             <a target="_blank" href="http://www.17sucai.com/">南极人</a>  
  462.                             <a target="_blank" href="http://www.17sucai.com/">恒源祥</a>  
  463.                             <a target="_blank" href="http://www.17sucai.com/">北极绒</a>  
  464.                             <a target="_blank" href="http://www.17sucai.com/">爱慕</a>  
  465.                             <a target="_blank" href="http://www.17sucai.com/">曼妮芬</a>  
  466.                             <a target="_blank" href="http://www.17sucai.com/">歌瑞尔</a>  
  467.                             <a target="_blank" href="http://www.17sucai.com/">古今</a>  
  468.                             <a target="_blank" href="http://www.17sucai.com/">猫人</a>  
  469.                             <a target="_blank" href="http://www.17sucai.com/">安莉芳</a>  
  470.                             <a target="_blank" href="http://www.17sucai.com/">夏娃之秀</a>  
  471.                             <a target="_blank" href="http://www.17sucai.com/">黛安芬</a>  
  472.                             <a target="_blank" href="http://www.17sucai.com/">金三塔</a>  
  473.                         </p>  
  474.                     </li>  
  475.                     <p class="subItemAd">  
  476.                         <a target="_blank" href="http://www.17sucai.com/"><img width="218" height="32" alt="潮流服饰精选" src="http://img04.taobaocdn.com/tps/i4/T1dVzWXbpjXXb12rTm-218-32.png"></a>  
  477.                     </p>    
  478.                 </ul>  
  479.             </div>  
  480.             <div class="subView">  
  481.                 <ul>  
  482.                     <li class="subItem">  
  483.                         <h3 class="subItem-hd"><a target="_blank" href="http://www.17sucai.com/">鞋/箱包</a></h3>  
  484.                         <p class="subItem-cat">  
  485.                             <a target="_blank" href="http://www.17sucai.com/">羽绒服</a>  
  486.                             <a target="_blank" href="http://www.17sucai.com/">毛衣</a>  
  487.                             <a target="_blank" href="http://www.17sucai.com/">棉衣棉服</a>  
  488.                             <a target="_blank" href="http://www.17sucai.com/">毛呢外套</a>  
  489.                             <a target="_blank" href="http://www.17sucai.com/">打底裤</a>  
  490.                             <a target="_blank" href="http://www.17sucai.com/">休闲裤</a>  
  491.                             <a target="_blank" href="http://www.17sucai.com/">连衣裙</a>  
  492.                             <a target="_blank" href="http://www.17sucai.com/">牛仔裤</a>  
  493.                             <a target="_blank" href="http://www.17sucai.com/">中老年服装</a>  
  494.                             <a target="_blank" href="http://www.17sucai.com/">针织衫</a>  
  495.                             <a target="_blank" href="http://www.17sucai.com/">T恤</a>  
  496.                             <a target="_blank" href="http://www.17sucai.com/">卫衣</a>  
  497.                             <a target="_blank" href="http://www.17sucai.com/">半身裙</a>  
  498.                             <a target="_blank" href="http://www.17sucai.com/">皮草</a>  
  499.                             <a target="_blank" href="http://www.17sucai.com/">婚纱/礼服/旗袍</a>  
  500.                             <a target="_blank" href="http://www.17sucai.com/">真皮皮衣</a>  
  501.                             <a target="_blank" href="http://www.17sucai.com/">衬衫</a>  
  502.                             <a target="_blank" href="http://www.17sucai.com/">风衣</a>  
  503.                             <a target="_blank" href="http://www.17sucai.com/">婚纱</a>  
  504.                         </p>  
  505.                         <h4 class="subItem-title brandTitle">品牌:</h4>  
  506.                         <p class="subItem-brand">  
  507.                             <a target="_blank" href="http://www.17sucai.com/">波司登</a>  
  508.                             <a target="_blank" href="http://www.17sucai.com/">ochirly</a>  
  509.                             <a target="_blank" href="http://www.17sucai.com/">韩都衣舍</a>  
  510.                             <a target="_blank" href="http://www.17sucai.com/">裂帛</a>  
  511.                             <a target="_blank" href="http://www.17sucai.com/">优衣库</a>  
  512.                             <a target="_blank" href="http://www.17sucai.com/">only</a>  
  513.                             <a target="_blank" href="http://www.17sucai.com/">秋水伊人</a>  
  514.                             <a target="_blank" href="http://www.17sucai.com/">哥弟</a>  
  515.                             <a target="_blank" href="http://www.17sucai.com/">粉红大布娃娃</a>  
  516.                             <a target="_blank" href="http://www.17sucai.com/">三彩</a>  
  517.                             <a target="_blank" href="http://www.17sucai.com/">歌莉娅</a>  
  518.                             <a target="_blank" href="http://www.17sucai.com/">茵曼</a>  
  519.                             <a target="_blank" href="http://www.17sucai.com/">艾莱依</a>  
  520.                             <a target="_blank" href="http://www.17sucai.com/">衣香丽影</a>  
  521.                             <a target="_blank" href="http://www.17sucai.com/">江南布衣</a>  
  522.                             <a target="_blank" href="http://www.17sucai.com/">纳纹</a>  
  523.                             <a target="_blank" href="http://www.17sucai.com/">播</a>  
  524.                             <a target="_blank" href="http://www.17sucai.com/">香影</a>  
  525.                             <a target="_blank" href="http://www.17sucai.com/">雅鹿</a>  
  526.                             <a target="_blank" href="http://www.17sucai.com/">OSA</a>  
  527.                         </p>  
  528.                     </li>  
  529.                     <li class="subItem">  
  530.                         <h3 class="subItem-hd"><a target="_blank" href="http://www.17sucai.com/">服饰配件</a></h3>  
  531.                         <p class="subItem-cat">  
  532.                             <a target="_blank" href="http://www.17sucai.com/">女士丝巾/围巾/披肩</a>  
  533.                             <a target="_blank" href="http://www.17sucai.com/">男士皮带</a>  
  534.                             <a target="_blank" href="http://www.17sucai.com/">女士腰带</a>  
  535.                             <a target="_blank" href="http://www.17sucai.com/">毛线</a>  
  536.                             <a target="_blank" href="http://www.17sucai.com/">手套</a>  
  537.                             <a target="_blank" href="http://www.17sucai.com/">帽子</a>  
  538.                             <a target="_blank" href="http://www.17sucai.com/">男士围巾</a>  
  539.                             <a target="_blank" href="http://www.17sucai.com/">领带/领结</a>  
  540.                         </p>  
  541.                         <h4 class="subItem-title brandTitle">品牌:</h4>  
  542.                         <p class="subItem-brand">  
  543.                             <a target="_blank" href="http://www.17sucai.com/">七匹狼</a>  
  544.                             <a target="_blank" href="http://www.17sucai.com/">Rayli</a>  
  545.                             <a target="_blank" href="http://www.17sucai.com/">CARTELO</a>  
  546.                         </p>  
  547.                     </li>  
  548.                 </ul>  
  549.                   
  550.                 <ul>  
  551.                     <li class="subItem">  
  552.                         <h3 class="subItem-hd"><a target="_blank" href="http://www.17sucai.com/">精品男装</a></h3>  
  553.                         <p class="subItem-cat">  
  554.                             <a target="_blank" href="http://www.17sucai.com/">羽绒服</a>  
  555.                             <a target="_blank" href="http://www.17sucai.com/">毛衣</a>  
  556.                             <a target="_blank" href="http://www.17sucai.com/">棉衣</a>  
  557.                             <a target="_blank" href="http://www.17sucai.com/">皮衣</a>  
  558.                             <a target="_blank" href="http://www.17sucai.com/">牛仔裤</a>  
  559.                             <a target="_blank" href="http://www.17sucai.com/">呢大衣</a>  
  560.                             <a target="_blank" href="http://www.17sucai.com/">风衣</a>  
  561.                             <a target="_blank" href="http://www.17sucai.com/">夹克</a>  
  562.                             <a target="_blank" href="http://www.17sucai.com/">羊绒衫</a>  
  563.                             <a target="_blank" href="http://www.17sucai.com/">休闲裤</a>  
  564.                             <a target="_blank" href="http://www.17sucai.com/">卫衣</a>  
  565.                             <a target="_blank" href="http://www.17sucai.com/">马甲/背心</a>  
  566.                             <a target="_blank" href="http://www.17sucai.com/">衬衫</a>  
  567.                             <a target="_blank" href="http://www.17sucai.com/">t恤</a>  
  568.                             <a target="_blank" href="http://www.17sucai.com/">针织衫</a>  
  569.                             <a target="_blank" href="http://www.17sucai.com/">皮裤</a>  
  570.                             <a target="_blank" href="http://www.17sucai.com/">西服</a>  
  571.                             <a target="_blank" href="http://www.17sucai.com/">西裤</a>  
  572.                             <a target="_blank" href="http://www.17sucai.com/">西服套装</a>  
  573.                             <a target="_blank" href="http://www.17sucai.com/">中老年服装</a>  
  574.                         </p>  
  575.                         <h4 class="subItem-title brandTitle">品牌:</h4>  
  576.                         <p class="subItem-brand">  
  577.                             <a target="_blank" href="http://www.17sucai.com/">七匹狼</a>  
  578.                             <a target="_blank" href="http://www.17sucai.com/">JACKJONES</a>  
  579.                             <a target="_blank" href="http://www.17sucai.com/">太平鸟</a>  
  580.                             <a target="_blank" href="http://www.17sucai.com/">GXG</a>  
  581.                             <a target="_blank" href="http://www.17sucai.com/">恒源祥</a>  
  582.                             <a target="_blank" href="http://www.17sucai.com/">劲霸</a>  
  583.                             <a target="_blank" href="http://www.17sucai.com/">马克华菲</a>  
  584.                             <a target="_blank" href="http://www.17sucai.com/">九牧王</a>  
  585.                             <a target="_blank" href="http://www.17sucai.com/">利郎</a>  
  586.                             <a target="_blank" href="http://www.17sucai.com/">LEE</a>  
  587.                             <a target="_blank" href="http://www.17sucai.com/">柒牌</a>  
  588.                             <a target="_blank" href="http://www.17sucai.com/">LEVI'S</a>  
  589.                             <a target="_blank" href="http://www.17sucai.com/">SELECTED</a>  
  590.                             <a target="_blank" href="http://www.17sucai.com/">杉杉</a>  
  591.                             <a target="_blank" href="http://www.17sucai.com/">雅戈尔</a>  
  592.                             <a target="_blank" href="http://www.17sucai.com/">DICKIES</a>  
  593.                             <a target="_blank" href="http://www.17sucai.com/">诺帝卡</a>  
  594.                             <a target="_blank" href="http://www.17sucai.com/">报喜鸟</a>  
  595.                         </p>  
  596.                     </li>  
  597.                     <li class="subItem">  
  598.                         <h3 class="subItem-hd"><a target="_blank" href="http://www.17sucai.com/">时尚家居</a></h3>  
  599.                         <p class="subItem-cat">  
  600.                             <a target="_blank" href="http://www.17sucai.com/">睡衣套装</a>  
  601.                             <a target="_blank" href="http://www.17sucai.com/">夹棉家居服</a>  
  602.                             <a target="_blank" href="http://www.17sucai.com/">珊瑚绒家居服</a>  
  603.                             <a target="_blank" href="http://www.17sucai.com/">情侣套装</a>  
  604.                             <a target="_blank" href="http://www.17sucai.com/">卡通睡衣</a>  
  605.                             <a target="_blank" href="http://www.17sucai.com/">睡袍</a>  
  606.                             <a target="_blank" href="http://www.17sucai.com/">睡裙</a>  
  607.                             <a target="_blank" href="http://www.17sucai.com/">睡裤</a>  
  608.                         </p>  
  609.                         <h4 class="subItem-title brandTitle">品牌:</h4>  
  610.                         <p class="subItem-brand">  
  611.                             <a target="_blank" href="http://www.17sucai.com/">芬腾</a>  
  612.                             <a target="_blank" href="http://www.17sucai.com/">安之伴</a>  
  613.                             <a target="_blank" href="http://www.17sucai.com/">派邦奴</a>  
  614.                             <a target="_blank" href="http://www.17sucai.com/">秋鹿</a>  
  615.                             <a target="_blank" href="http://www.17sucai.com/">睦隆世家</a>  
  616.                             <a target="_blank" href="http://www.17sucai.com/">雪俐</a>  
  617.                             <a target="_blank" href="http://www.17sucai.com/">爱帝</a>  
  618.                             <a target="_blank" href="http://www.17sucai.com/">美梦</a>  
  619.                         </p>  
  620.                     </li>  
  621.                 </ul>       
  622.                   
  623.                 <ul>  
  624.                     <li class="subItem">  
  625.                         <h3 class="subItem-hd"><a target="_blank" href="http://www.17sucai.com/">精致内衣</a></h3>  
  626.                         <p class="subItem-cat">  
  627.                             <a target="_blank" href="http://www.17sucai.com/">保暖套装</a>  
  628.                             <a target="_blank" href="http://www.17sucai.com/">保暖上衣</a>  
  629.                             <a target="_blank" href="http://www.17sucai.com/">精品文胸</a>  
  630.                             <a target="_blank" href="http://www.17sucai.com/">塑身衣</a>  
  631.                             <a target="_blank" href="http://www.17sucai.com/">女式内裤</a>  
  632.                             <a target="_blank" href="http://www.17sucai.com/">文胸套装</a>  
  633.                             <a target="_blank" href="http://www.17sucai.com/">中筒袜</a>  
  634.                             <a target="_blank" href="http://www.17sucai.com/">连裤袜</a>  
  635.                             <a target="_blank" href="http://www.17sucai.com/">男式内裤</a>  
  636.                             <a target="_blank" href="http://www.17sucai.com/">保暖裤</a>  
  637.                             <a target="_blank" href="http://www.17sucai.com/">聚拢文胸</a>  
  638.                             <a target="_blank" href="http://www.17sucai.com/">美腿袜</a>  
  639.                         </p>  
  640.                         <h4 class="subItem-title brandTitle">品牌:</h4>  
  641.                         <p class="subItem-brand">  
  642.                             <a target="_blank" href="http://www.17sucai.com/">七匹狼</a>  
  643.                             <a target="_blank" href="http://www.17sucai.com/">浪莎</a>  
  644.                             <a target="_blank" href="http://www.17sucai.com/">波司登</a>  
  645.                             <a target="_blank" href="http://www.17sucai.com/">南极人</a>  
  646.                             <a target="_blank" href="http://www.17sucai.com/">恒源祥</a>  
  647.                             <a target="_blank" href="http://www.17sucai.com/">北极绒</a>  
  648.                             <a target="_blank" href="http://www.17sucai.com/">爱慕</a>  
  649.                             <a target="_blank" href="http://www.17sucai.com/">曼妮芬</a>  
  650.                             <a target="_blank" href="http://www.17sucai.com/">歌瑞尔</a>  
  651.                             <a target="_blank" href="http://www.17sucai.com/">古今</a>  
  652.                             <a target="_blank" href="http://www.17sucai.com/">猫人</a>  
  653.                             <a target="_blank" href="http://www.17sucai.com/">安莉芳</a>  
  654.                             <a target="_blank" href="http://www.17sucai.com/">夏娃之秀</a>  
  655.                             <a target="_blank" href="http://www.17sucai.com/">黛安芬</a>  
  656.                             <a target="_blank" href="http://www.17sucai.com/">金三塔</a>  
  657.                         </p>  
  658.                     </li>  
  659.                     <p class="subItemAd">  
  660.                         <a target="_blank" href="http://www.17sucai.com/"><img width="218" height="32" alt="潮流服饰精选" src="http://img04.taobaocdn.com/tps/i4/T1dVzWXbpjXXb12rTm-218-32.png"></a>  
  661.                     </p>    
  662.                 </ul>  
  663.             </div>  
  664.             <div class="subView">  
  665.                 <ul>  
  666.                     <li class="subItem">  
  667.                         <h3 class="subItem-hd"><a target="_blank" href="http://www.17sucai.com/">珠宝饰品/手表眼睛</a></h3>  
  668.                         <p class="subItem-cat">  
  669.                             <a target="_blank" href="http://www.17sucai.com/">羽绒服</a>  
  670.                             <a target="_blank" href="http://www.17sucai.com/">毛衣</a>  
  671.                             <a target="_blank" href="http://www.17sucai.com/">棉衣棉服</a>  
  672.                             <a target="_blank" href="http://www.17sucai.com/">毛呢外套</a>  
  673.                             <a target="_blank" href="http://www.17sucai.com/">打底裤</a>  
  674.                             <a target="_blank" href="http://www.17sucai.com/">休闲裤</a>  
  675.                             <a target="_blank" href="http://www.17sucai.com/">连衣裙</a>  
  676.                             <a target="_blank" href="http://www.17sucai.com/">牛仔裤</a>  
  677.                             <a target="_blank" href="http://www.17sucai.com/">中老年服装</a>  
  678.                             <a target="_blank" href="http://www.17sucai.com/">针织衫</a>  
  679.                             <a target="_blank" href="http://www.17sucai.com/">T恤</a>  
  680.                             <a target="_blank" href="http://www.17sucai.com/">卫衣</a>  
  681.                             <a target="_blank" href="http://www.17sucai.com/">半身裙</a>  
  682.                             <a target="_blank" href="http://www.17sucai.com/">皮草</a>  
  683.                             <a target="_blank" href="http://www.17sucai.com/">婚纱/礼服/旗袍</a>  
  684.                             <a target="_blank" href="http://www.17sucai.com/">真皮皮衣</a>  
  685.                             <a target="_blank" href="http://www.17sucai.com/">衬衫</a>  
  686.                             <a target="_blank" href="http://www.17sucai.com/">风衣</a>  
  687.                             <a target="_blank" href="http://www.17sucai.com/">婚纱</a>  
  688.                         </p>  
  689.                         <h4 class="subItem-title brandTitle">品牌:</h4>  
  690.                         <p class="subItem-brand">  
  691.                             <a target="_blank" href="http://www.17sucai.com/">波司登</a>  
  692.                             <a target="_blank" href="http://www.17sucai.com/">ochirly</a>  
  693.                             <a target="_blank" href="http://www.17sucai.com/">韩都衣舍</a>  
  694.                             <a target="_blank" href="http://www.17sucai.com/">裂帛</a>  
  695.                             <a target="_blank" href="http://www.17sucai.com/">优衣库</a>  
  696.                             <a target="_blank" href="http://www.17sucai.com/">only</a>  
  697.                             <a target="_blank" href="http://www.17sucai.com/">秋水伊人</a>  
  698.                             <a target="_blank" href="http://www.17sucai.com/">哥弟</a>  
  699.                             <a target="_blank" href="http://www.17sucai.com/">粉红大布娃娃</a>  
  700.                             <a target="_blank" href="http://www.17sucai.com/">三彩</a>  
  701.                             <a target="_blank" href="http://www.17sucai.com/">歌莉娅</a>  
  702.                             <a target="_blank" href="http://www.17sucai.com/">茵曼</a>  
  703.                             <a target="_blank" href="http://www.17sucai.com/">艾莱依</a>  
  704.                             <a target="_blank" href="http://www.17sucai.com/">衣香丽影</a>  
  705.                             <a target="_blank" href="http://www.17sucai.com/">江南布衣</a>  
  706.                             <a target="_blank" href="http://www.17sucai.com/">纳纹</a>  
  707.                             <a target="_blank" href="http://www.17sucai.com/">播</a>  
  708.                             <a target="_blank" href="http://www.17sucai.com/">香影</a>  
  709.                             <a target="_blank" href="http://www.17sucai.com/">雅鹿</a>  
  710.                             <a target="_blank" href="http://www.17sucai.com/">OSA</a>  
  711.                         </p>  
  712.                     </li>  
  713.                     <li class="subItem">  
  714.                         <h3 class="subItem-hd"><a target="_blank" href="http://www.17sucai.com/">服饰配件</a></h3>  
  715.                         <p class="subItem-cat">  
  716.                             <a target="_blank" href="http://www.17sucai.com/">女士丝巾/围巾/披肩</a>  
  717.                             <a target="_blank" href="http://www.17sucai.com/">男士皮带</a>  
  718.                             <a target="_blank" href="http://www.17sucai.com/">女士腰带</a>  
  719.                             <a target="_blank" href="http://www.17sucai.com/">毛线</a>  
  720.                             <a target="_blank" href="http://www.17sucai.com/">手套</a>  
  721.                             <a target="_blank" href="http://www.17sucai.com/">帽子</a>  
  722.                             <a target="_blank" href="http://www.17sucai.com/">男士围巾</a>  
  723.                             <a target="_blank" href="http://www.17sucai.com/">领带/领结</a>  
  724.                         </p>  
  725.                         <h4 class="subItem-title brandTitle">品牌:</h4>  
  726.                         <p class="subItem-brand">  
  727.                             <a target="_blank" href="http://www.17sucai.com/">七匹狼</a>  
  728.                             <a target="_blank" href="http://www.17sucai.com/">Rayli</a>  
  729.                             <a target="_blank" href="http://www.17sucai.com/">CARTELO</a>  
  730.                         </p>  
  731.                     </li>  
  732.                 </ul>  
  733.                   
  734.                 <ul>  
  735.                     <li class="subItem">  
  736.                         <h3 class="subItem-hd"><a target="_blank" href="http://www.17sucai.com/">精品男装</a></h3>  
  737.                         <p class="subItem-cat">  
  738.                             <a target="_blank" href="http://www.17sucai.com/">羽绒服</a>  
  739.                             <a target="_blank" href="http://www.17sucai.com/">毛衣</a>  
  740.                             <a target="_blank" href="http://www.17sucai.com/">棉衣</a>  
  741.                             <a target="_blank" href="http://www.17sucai.com/">皮衣</a>  
  742.                             <a target="_blank" href="http://www.17sucai.com/">牛仔裤</a>  
  743.                             <a target="_blank" href="http://www.17sucai.com/">呢大衣</a>  
  744.                             <a target="_blank" href="http://www.17sucai.com/">风衣</a>  
  745.                             <a target="_blank" href="http://www.17sucai.com/">夹克</a>  
  746.                             <a target="_blank" href="http://www.17sucai.com/">羊绒衫</a>  
  747.                             <a target="_blank" href="http://www.17sucai.com/">休闲裤</a>  
  748.                             <a target="_blank" href="http://www.17sucai.com/">卫衣</a>  
  749.                             <a target="_blank" href="http://www.17sucai.com/">马甲/背心</a>  
  750.                             <a target="_blank" href="http://www.17sucai.com/">衬衫</a>  
  751.                             <a target="_blank" href="http://www.17sucai.com/">t恤</a>  
  752.                             <a target="_blank" href="http://www.17sucai.com/">针织衫</a>  
  753.                             <a target="_blank" href="http://www.17sucai.com/">皮裤</a>  
  754.                             <a target="_blank" href="http://www.17sucai.com/">西服</a>  
  755.                             <a target="_blank" href="http://www.17sucai.com/">西裤</a>  
  756.                             <a target="_blank" href="http://www.17sucai.com/">西服套装</a>  
  757.                             <a target="_blank" href="http://www.17sucai.com/">中老年服装</a>  
  758.                         </p>  
  759.                         <h4 class="subItem-title brandTitle">品牌:</h4>  
  760.                         <p class="subItem-brand">  
  761.                             <a target="_blank" href="http://www.17sucai.com/">七匹狼</a>  
  762.                             <a target="_blank" href="http://www.17sucai.com/">JACKJONES</a>  
  763.                             <a target="_blank" href="http://www.17sucai.com/">太平鸟</a>  
  764.                             <a target="_blank" href="http://www.17sucai.com/">GXG</a>  
  765.                             <a target="_blank" href="http://www.17sucai.com/">恒源祥</a>  
  766.                             <a target="_blank" href="http://www.17sucai.com/">劲霸</a>  
  767.                             <a target="_blank" href="http://www.17sucai.com/">马克华菲</a>  
  768.                             <a target="_blank" href="http://www.17sucai.com/">九牧王</a>  
  769.                             <a target="_blank" href="http://www.17sucai.com/">利郎</a>  
  770.                             <a target="_blank" href="http://www.17sucai.com/">LEE</a>  
  771.                             <a target="_blank" href="http://www.17sucai.com/">柒牌</a>  
  772.                             <a target="_blank" href="http://www.17sucai.com/">LEVI'S</a>  
  773.                             <a target="_blank" href="http://www.17sucai.com/">SELECTED</a>  
  774.                             <a target="_blank" href="http://www.17sucai.com/">杉杉</a>  
  775.                             <a target="_blank" href="http://www.17sucai.com/">雅戈尔</a>  
  776.                             <a target="_blank" href="http://www.17sucai.com/">DICKIES</a>  
  777.                             <a target="_blank" href="http://www.17sucai.com/">诺帝卡</a>  
  778.                             <a target="_blank" href="http://www.17sucai.com/">报喜鸟</a>  
  779.                         </p>  
  780.                     </li>  
  781.                     <li class="subItem">  
  782.                         <h3 class="subItem-hd"><a target="_blank" href="http://www.17sucai.com/">时尚家居</a></h3>  
  783.                         <p class="subItem-cat">  
  784.                             <a target="_blank" href="http://www.17sucai.com/">睡衣套装</a>  
  785.                             <a target="_blank" href="http://www.17sucai.com/">夹棉家居服</a>  
  786.                             <a target="_blank" href="http://www.17sucai.com/">珊瑚绒家居服</a>  
  787.                             <a target="_blank" href="http://www.17sucai.com/">情侣套装</a>  
  788.                             <a target="_blank" href="http://www.17sucai.com/">卡通睡衣</a>  
  789.                             <a target="_blank" href="http://www.17sucai.com/">睡袍</a>  
  790.                             <a target="_blank" href="http://www.17sucai.com/">睡裙</a>  
  791.                             <a target="_blank" href="http://www.17sucai.com/">睡裤</a>  
  792.                         </p>  
  793.                         <h4 class="subItem-title brandTitle">品牌:</h4>  
  794.                         <p class="subItem-brand">  
  795.                             <a target="_blank" href="http://www.17sucai.com/">芬腾</a>  
  796.                             <a target="_blank" href="http://www.17sucai.com/">安之伴</a>  
  797.                             <a target="_blank" href="http://www.17sucai.com/">派邦奴</a>  
  798.                             <a target="_blank" href="http://www.17sucai.com/">秋鹿</a>  
  799.                             <a target="_blank" href="http://www.17sucai.com/">睦隆世家</a>  
  800.                             <a target="_blank" href="http://www.17sucai.com/">雪俐</a>  
  801.                             <a target="_blank" href="http://www.17sucai.com/">爱帝</a>  
  802.                             <a target="_blank" href="http://www.17sucai.com/">美梦</a>  
  803.                         </p>  
  804.                     </li>  
  805.                 </ul>       
  806.                   
  807.                 <ul>  
  808.                     <li class="subItem">  
  809.                         <h3 class="subItem-hd"><a target="_blank" href="http://www.17sucai.com/">精致内衣</a></h3>  
  810.                         <p class="subItem-cat">  
  811.                             <a target="_blank" href="http://www.17sucai.com/">保暖套装</a>  
  812.                             <a target="_blank" href="http://www.17sucai.com/">保暖上衣</a>  
  813.                             <a target="_blank" href="http://www.17sucai.com/">精品文胸</a>  
  814.                             <a target="_blank" href="http://www.17sucai.com/">塑身衣</a>  
  815.                             <a target="_blank" href="http://www.17sucai.com/">女式内裤</a>  
  816.                             <a target="_blank" href="http://www.17sucai.com/">文胸套装</a>  
  817.                             <a target="_blank" href="http://www.17sucai.com/">中筒袜</a>  
  818.                             <a target="_blank" href="http://www.17sucai.com/">连裤袜</a>  
  819.                             <a target="_blank" href="http://www.17sucai.com/">男式内裤</a>  
  820.                             <a target="_blank" href="http://www.17sucai.com/">保暖裤</a>  
  821.                             <a target="_blank" href="http://www.17sucai.com/">聚拢文胸</a>  
  822.                             <a target="_blank" href="http://www.17sucai.com/">美腿袜</a>  
  823.                         </p>  
  824.                         <h4 class="subItem-title brandTitle">品牌:</h4>  
  825.                         <p class="subItem-brand">  
  826.                             <a target="_blank" href="http://www.17sucai.com/">七匹狼</a>  
  827.                             <a target="_blank" href="http://www.17sucai.com/">浪莎</a>  
  828.                             <a target="_blank" href="http://www.17sucai.com/">波司登</a>  
  829.                             <a target="_blank" href="http://www.17sucai.com/">南极人</a>  
  830.                             <a target="_blank" href="http://www.17sucai.com/">恒源祥</a>  
  831.                             <a target="_blank" href="http://www.17sucai.com/">北极绒</a>  
  832.                             <a target="_blank" href="http://www.17sucai.com/">爱慕</a>  
  833.                             <a target="_blank" href="http://www.17sucai.com/">曼妮芬</a>  
  834.                             <a target="_blank" href="http://www.17sucai.com/">歌瑞尔</a>  
  835.                             <a target="_blank" href="http://www.17sucai.com/">古今</a>  
  836.                             <a target="_blank" href="http://www.17sucai.com/">猫人</a>  
  837.                             <a target="_blank" href="http://www.17sucai.com/">安莉芳</a>  
  838.                             <a target="_blank" href="http://www.17sucai.com/">夏娃之秀</a>  
  839.                             <a target="_blank" href="http://www.17sucai.com/">黛安芬</a>  
  840.                             <a target="_blank" href="http://www.17sucai.com/">金三塔</a>  
  841.                         </p>  
  842.                     </li>  
  843.                     <p class="subItemAd">  
  844.                         <a target="_blank" href="http://www.17sucai.com/"><img width="218" height="32" alt="潮流服饰精选" src="http://img04.taobaocdn.com/tps/i4/T1dVzWXbpjXXb12rTm-218-32.png"></a>  
  845.                     </p>    
  846.                 </ul>  
  847.             </div>  
  848.             <div class="subView">4、化妆品</div>  
  849.             <div class="subView">5、运动户外</div>  
  850.             <div class="subView">6、手机数码</div>  
  851.             <div class="subView">7、家用电器</div>  
  852.             <div class="subView">8、家具建材</div>  
  853.             <div class="subView">9、家纺/居家</div>  
  854.             <div class="subView">10、母婴玩具</div>  
  855.             <div class="subView">11、食品</div>  
  856.             <div class="subView">12、医药保健</div>  
  857.             <div class="subView">13、汽车配件</div>  
  858.             <div class="subView">14、图书音像</div>  
  859.             <div class="subView">15、文化娱乐</div>  
  860.             <div class="subView">16、手机/网游点卡</div>  
  861.         </div>          
  862.     </div>  
  863.       
  864.     <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>  
  865.     <script type="text/javascript" src="js/jquery.tmailsider.js"></script>  
  866.     <script type="text/javascript">  
  867.         $('#Z_TypeList').Z_TMAIL_SIDER();  
  868.     </script>  
  869.     <!--[if IE 6]>  
  870.     <script type="text/javascript" src="js/DD_belatedPNG.js"></script>  
  871.     <script type="text/javascript">  
  872.         DD_belatedPNG.fix('.Z_TypeList .Z_MenuList h3,.Z_TypeList .menuIcon');  
  873.     </script>  
  874.     <![endif]-->  
  875.       
  876. </body>  
  877. </html> 
分享到:
评论

相关推荐

    jquery仿天猫左侧导航菜单分类列表

    "jquery仿天猫左侧导航菜单分类列表"就是一个很好的实例,它利用jQuery库来实现类似天猫网站左侧的导航菜单效果。这个项目可以帮助开发者理解如何用JavaScript和jQuery构建动态、响应式的导航结构。 首先,jQuery是...

    jQuery仿天猫左侧导航滚动效果.zip

    总结,实现jQuery仿天猫左侧导航滚动效果,关键在于理解页面滚动事件、元素位置计算、CSS样式切换以及平滑滚动。通过掌握这些技术,你可以创建出更加互动且用户友好的网页。同时,不断优化和适应各种设备,能进一步...

    仿天猫左侧导航菜单分类列表

    "仿天猫左侧导航菜单分类列表"是一个常见的设计模式,它旨在提供用户友好的浏览体验,使用户能够快速定位到他们感兴趣的商品类别。这个设计主要应用于电商网站,如天猫,通过侧边栏展示各类商品的层级结构,便于用户...

    jquery天猫左侧导航菜单分类列表

    jquery天猫左侧导航菜单分类列表 jquery天猫左侧导航菜单分类列表 jquery天猫左侧导航菜单分类列表 jquery天猫左侧导航菜单分类列表 jquery天猫左侧导航菜单分类列表

    Jquery实现仿淘宝天猫左侧分类导航插件

    在"仿淘宝天猫左侧分类导航插件"中,主要涉及到以下几个jQuery知识点: 1. **DOM操作**:在`demo.html`中,我们需要构建一个包含分类的HTML结构。jQuery提供了方便的API来操作DOM元素,如`$(selector)`用于选择元素...

    jQuery仿天猫左侧分类导航

    【jQuery仿天猫左侧分类导航】是一种常见的网页交互设计技术,主要应用于电商网站,为用户提供方便的商品分类浏览体验。这个设计模式借鉴了天猫网站左侧的导航栏,通过动态效果和交互来展示不同商品类别,使用户可以...

    jQuery天猫2015分类导航菜单.zip

    《jQuery天猫2015分类导航菜单:技术解析与实现》 在网页设计领域,交互性和用户体验至关重要。作为一款广泛使用的JavaScript库,jQuery为开发者提供了丰富的API和便捷的语法,使得动态效果的实现变得轻松易行。...

    天猫官方网站左侧二级导航菜单

    "天猫官方网站左侧二级导航菜单" 这个标题指的是天猫网站左侧的主菜单下,展开的二级分类菜单。在电商网站设计中,这样的二级导航菜单通常用于帮助用户快速定位到他们感兴趣的类别,提高用户体验。天猫作为中国领先...

    jQuery天猫左侧导航滚动效果

    在本文中,我们将深入探讨如何实现“jQuery天猫左侧导航滚动效果”。这个效果是网页设计中常见的一种交互式功能,主要用于提升用户体验,使用户在浏览长页面时能够方便地访问导航菜单。我们将主要围绕jQuery库以及...

    Jquery天猫左侧商品分类

    在“Jquery天猫左侧商品分类”这个主题中,我们可以深入探讨以下几个关键知识点: 1. **jQuery选择器**:jQuery的选择器类似于CSS选择器,但功能更加强大。在天猫的商品分类中,开发者可能使用了类选择器、ID选择器...

    jQuery天猫2015分类导航菜单特效代码

    【jQuery天猫2015分类导航菜单特效代码详解】 在网页设计中,用户界面的交互性和易用性是至关重要的,而导航菜单作为网站结构的关键组成部分,承担着引导用户快速找到所需信息的角色。"jQuery天猫2015分类导航菜单...

    jquery制作天猫、淘宝、京东等购物网站左侧二级导航代码

    这些网站通常采用二级导航菜单来帮助用户快速定位他们感兴趣的商品类别。本文将深入探讨如何使用jQuery来实现这样的功能,并提供相关的代码实现。 首先,让我们了解二级导航的基本概念。二级导航是指在主导航菜单下...

    完美的仿天猫,淘宝三级下拉菜单

    “商城左侧导航菜单”是电商网站中常见的布局方式,将导航栏置于页面左侧,便于用户在浏览商品时始终可以看到分类选项。这种布局尤其适合拥有大量分类的大型电商平台,因为它能够节省屏幕空间,同时保持导航的可见性...

    jQuery模仿京东/天猫商品左侧分类导航菜单效果

    现在天猫或者京东商品分类模块的默认的效果是这样的: 当鼠标滑过任意一栏导航分类时,就会出现相关详细分类模块,例如: 当鼠标移出蓝色框以外的区域,就会恢复默认的效果显示!然而使用jQuery的鼠标滑过事件,用...

    模仿天猫首页的前端特效代码

    左侧菜单通常包含导航链接,实现这样的效果需要: - 使用HTML的`&lt;nav&gt;`元素构建菜单结构。 - CSS3的`flexbox`或`grid`布局:用于灵活地排列和对齐菜单项。 - JavaScript事件监听器:处理菜单项的点击事件,触发...

    仿天猫侧导

    "仿天猫侧导"是一个常见的设计模式,它模仿了天猫网站上的侧边栏导航系统,为用户提供了一个直观且易于操作的浏览体验。这个设计的核心在于侧边栏的动态切换功能,能够随着用户的选择展示不同的商品类别或服务模块,...

    天猫jQuery左侧浮动折叠菜单_(固定浮动、智能定位、CSS3折叠)

    本项目"天猫jQuery左侧浮动折叠菜单_(固定浮动、智能定位、CSS3折叠)"就是这样一个例子,它展示了如何利用jQuery与CSS3技术来创建一个类似于天猫网站的高效、动态的菜单导航。 首先,我们来看"左侧浮动折叠菜单...

    天猫电器城左侧分类菜单.zip

    【天猫电器城左侧分类菜单】是一款专为电商网站设计的交互式导航菜单,它采用JavaScript库jQuery构建,旨在提供一种类似天猫电器城的左侧自适应屏幕高度的下拉分类导航体验。这款菜单代码的设计考虑了现代网页的响应...

Global site tag (gtag.js) - Google Analytics