首页>>导航菜单>>商城左侧分类jquery菜单 类似京东商城左侧总分类(2014-04-28)

商城左侧分类jquery菜单 类似京东商城左侧总分类

商城左侧分类jquery菜单 类似京东商城左侧总分类
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div id="nav">  
  2. <div class="area clearfix">  
  3. <div class="separate"></div>  
  4. <div class="category-content" id="guide_2">  
  5. <div><span class="all-goods">全部商品<em></em></span></div>  
  6. <div class="category">  
  7. <ul class="category-list" id="js_climit_li">  
  8.   <li class="appliance js_toggle relative first">  
  9.     <div class="category-info list-nz">  
  10.       <h3 class="category-name b-category-name"><i></i><a id="s-category-289" href="" target="_blank" class="ml-22" title="女装">女装</a></h3>  
  11.       <p class="c-category-list limit-24"><a href="" target="_blank" title="连衣裙" id="s-goods-category-289-1">连衣裙</a><a href="" target="_blank" title="针织衫" id="s-goods-category-289-2">针织衫</a><a href="" target="_blank" title="T恤" id="s-goods-category-289-3">T恤</a><a href="" target="_blank" title="牛仔裤" id="s-goods-category-289-4">牛仔裤</a></p>  
  12.       <em>></em></div>  
  13.     <textarea class="menu-item-wrap none"><div class="menu-item menu-in top"><div class="area-in"><div class="area-bg"><div class="menu-srot"><div class="sort-side"><dl class="dl-sort"><dt><span title="外套">外套</span></dt><dd><a title="马甲" id="scategory-304" target="_blank" href=""><span  >马甲</span></a></dd><dd><a title="风衣/大衣" id="scategory-307" target="_blank" href=""><span  >风衣/大衣</span></a></dd><dd><a title="棉衣/棉服" id="scategory-309" target="_blank" href=""><span  >棉衣/棉服</span></a></dd><dd><a title="短外套" id="scategory-77878" target="_blank" href=""><span  >短外套</span></a></dd><dd><a title="皮衣" id="scategory-77912" target="_blank" href=""><span  >皮衣</span></a></dd><dd><a title="皮草" id="scategory-77913" target="_blank" href=""><span  >皮草</span></a></dd><dd><a title="小西装" id="scategory-77923" target="_blank" href=""><span  >小西装</span></a></dd><dd><a title="中长外套" id="scategory-106545" target="_blank" href=""><span  >中长外套</span></a></dd><dd><a title="羽绒服" id="scategory-184539" target="_blank" href=""><span  >羽绒服</span></a></dd></dl><dl class="dl-sort"><dt><span title="上装">上装</span></dt><dd><a title="T恤" id="scategory-295" target="_blank" href=""><span  class="red"  >T恤</span></a></dd><dd><a title="雪纺衫/蕾丝衫" id="scategory-297" target="_blank" href=""><span  >雪纺衫/蕾丝衫</span></a></dd><dd><a title="衬衫" id="scategory-299" target="_blank" href=""><span  >衬衫</span></a></dd><dd><a title="打底衫" id="scategory-301" target="_blank" href=""><span  >打底衫</span></a></dd><dd><a title="针织衫/毛衣" id="scategory-326" target="_blank" href=""><span  class="red"  >针织衫/毛衣</span></a></dd><dd><a title="披肩/坎肩/防晒衫" id="scategory-15418" target="_blank" href=""><span  >披肩/坎肩/防晒衫</span></a></dd><dd><a title="卫衣" id="scategory-77918" target="_blank" href=""><span  >卫衣</span></a></dd><dd><a title="吊带/背心" id="scategory-80614" target="_blank" href=""><span  >吊带/背心</span></a></dd></dl><dl class="dl-sort"><dt><span title="裙装">裙装</span></dt><dd><a title="半身裙" id="scategory-312" target="_blank" href=""><span  >半身裙</span></a></dd><dd><a title="连衣裙" id="scategory-320" target="_blank" href=""><span  class="red"  >连衣裙</span></a></dd><dd><a title="短裙" id="scategory-14376" target="_blank" href=""><span  >短裙</span></a></dd><dd><a title="西裙" id="scategory-106677" target="_blank" href=""><span  >西裙</span></a></dd></dl><dl class="dl-sort"><dt><span title="裤装">裤装</span></dt><dd><a title="牛仔裤" id="scategory-314" target="_blank" href=""><span  class="red"  >牛仔裤</span></a></dd><dd><a title="休闲裤" id="scategory-315" target="_blank" href=""><span  >休闲裤</span></a></dd><dd><a title="打底裤" id="scategory-316" target="_blank" href=""><span  >打底裤</span></a></dd><dd><a title="短裤/热裤" id="scategory-317" target="_blank" href=""><span  >短裤/热裤</span></a></dd><dd><a title="西裤/正装裤" id="scategory-95868" target="_blank" href=""><span  >西裤/正装裤</span></a></dd><dd><a title="皮裤" id="scategory-117277" target="_blank" href=""><span  >皮裤</span></a></dd><dd><a title="棉裤/羽绒裤" id="scategory-117352" target="_blank" href=""><span  >棉裤/羽绒裤</span></a></dd></dl><dl class="dl-sort"><dt><span title="特色女装">特色女装</span></dt><dd><a title="大码装" id="scategory-77881" target="_blank" href=""><span  class="red"  >大码装</span></a></dd><dd><a title="中老年装" id="scategory-77927" target="_blank" href=""><span  >中老年装</span></a></dd><dd><a title="礼服/晚装" id="scategory-80167" target="_blank" href=""><span  >礼服/晚装</span></a></dd><dd><a title="旗袍/唐装" id="scategory-80168" target="_blank" href=""><span  >旗袍/唐装</span></a></dd><dd><a title="婚纱" id="scategory-80171" target="_blank" href=""><span  >婚纱</span></a></dd><dd><a title="时尚套装" id="scategory-91668" target="_blank" href=""><span  class="red"  >时尚套装</span></a></dd><dd><a title="职业套装" id="scategory-91671" target="_blank" href=""><span  >职业套装</span></a></dd><dd><a title="孕妇装" id="scategory-156029" target="_blank" href=""><span  >孕妇装</span></a></dd><dd><a title="情侣装" id="scategory-162887" target="_blank" href=""><span  >情侣装</span></a></dd></dl></div><div class="brand-side"><dl class="dl-sort"><dt><span>实力商家</span></dt><dd><a rel="nofollow" title="呵呵嘿官方旗舰店" target="_blank" href="" rel="nofollow"><span  class="red" >呵呵嘿官方旗舰店</span></a></dd></dl></div></div></div></div></div>  
  14. </textarea>  
  15.   </li>  
  16.   <li class="appliance js_toggle relative">  
  17.     <div class="category-info list-nanz">  
  18.       <h3 class="category-name b-category-name"><i></i><a id="s-category-292" href="" target="_blank" class="ml-22" title="男装">男装</a></h3>  
  19.       <p class="c-category-list limit-24"><a id="s-goods-category-292-1" href="" target="_blank" title="T恤">T恤</a><a id="s-goods-category-292-2" href="" target="_blank" title="衬衫">衬衫</a><a id="s-goods-category-292-3" href="" target="_blank" title="牛仔裤">牛仔裤</a><a id="s-goods-category-292-4" href="" target="_blank" title="休闲裤">休闲裤</a></p>  
  20.       <em>></em></div>  
  21.     <textarea class="menu-item-wrap none"><div class="menu-item menu-in top"><div class="area-in"><div class="area-bg"><div class="menu-srot"><div class="sort-side"><dl class="dl-sort"><dt><span>上装</span></dt><dd><a title="男士T恤" id="scategory-12633" target="_blank" href=""><span  class="red"  >男士T恤</span></a></dd><dd><a title="Polo衫" id="scategory-12635" target="_blank" href=""><span  >Polo衫</span></a></dd><dd><a title="背心/马甲" id="scategory-12639" target="_blank" href=""><span  >背心/马甲</span></a></dd><dd><a title="男士衬衫" id="scategory-80051" target="_blank" href=""><span  >男士衬衫</span></a></dd><dd><a title="男士针织衫/毛衣" id="scategory-80069" target="_blank" href=""><span  class="red"  >男士针织衫/毛衣</span></a></dd></dl><dl class="dl-sort"><dt><span>外套</span></dt><dd><a title="男士棉衣" id="scategory-12617" target="_blank" href=""><span  >男士棉衣</span></a></dd><dd><a title="皮衣" id="scategory-12619" target="_blank" href=""><span  >皮衣</span></a></dd><dd><a title="夹克" id="scategory-12620" target="_blank" href=""><span  >夹克</span></a></dd><dd><a title="风衣" id="scategory-12621" target="_blank" href=""><span  >风衣</span></a></dd><dd><a title="西服" id="scategory-12622" target="_blank" href=""><span  >西服</span></a></dd><dd><a title="男式呢大衣" id="scategory-12623" target="_blank" href=""><span  >男式呢大衣</span></a></dd><dd><a title="男士卫衣" id="scategory-12632" target="_blank" href=""><span  >男士卫衣</span></a></dd><dd><a title="男式羽绒服" id="scategory-132415" target="_blank" href=""><span  >男式羽绒服</span></a></dd></dl><dl class="dl-sort"><dt><span>裤装</span></dt><dd><a title="男士西裤" id="scategory-12630" target="_blank" href=""><span  >男士西裤</span></a></dd><dd><a title="皮裤" id="scategory-12631" target="_blank" href=""><span  >皮裤</span></a></dd><dd><a title="男士牛仔裤" id="scategory-80064" target="_blank" href=""><span  class="red"  >男士牛仔裤</span></a></dd><dd><a title="男士休闲裤" id="scategory-80067" target="_blank" href=""><span  class="red"  >男士休闲裤</span></a></dd><dd><a title="棉裤" id="scategory-80070" target="_blank" href=""><span  >棉裤</span></a></dd></dl><dl class="dl-sort"><dt><span>套装</span></dt><dd><a title="西服套装" id="scategory-12637" target="_blank" href=""><span  >西服套装</span></a></dd><dd><a title="男士工装制服" id="scategory-80077" target="_blank" href=""><span  >男士工装制服</span></a></dd><dd><a title="民族服装" id="scategory-80131" target="_blank" href=""><span  >民族服装</span></a></dd></dl></div><div class="brand-side"><dl class="dl-sort"><dt><span>实力商家</span></dt><dd><a rel="nofollow" title="YYKCLOT" target="_blank" href="" rel="nofollow"><span  class ="red" >YYKCLOT</span></a></dd><dd><a rel="nofollow" title="池氏品牌男装" target="_blank" href="" rel="nofollow"><span  class ="red" >池氏品牌男装</span></a></dd><dd><a rel="nofollow" title="男装日志" target="_blank" href="" rel="nofollow"><span >男装日志</span></a></dd><dd><a rel="nofollow" title="索比诺官方旗舰店" target="_blank" href="" rel="nofollow"><span >索比诺官方旗舰店</span></a></dd></dl></div></div></div></div></div>  
  22. </textarea>  
  23.   </li>  
  24.     
  25. </ul>  
  26. </div>  
  27. </div>  
  28.   
  29. </div>  
  30. </div>  

 


原文地址:http://www.freejs.net/article_daohangcaidan_323.html