首页>>导航菜单>>类似易迅网左侧导航菜单分类代码-freejs.net(2014-04-29)

类似易迅网左侧导航菜单分类代码-freejs.net

 本例与类似京东商城左侧总分类 差不多的,具体可以查看演示。

类似易迅网左侧导航菜单分类代码-freejs.net
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="warpper">  
  2.     <div class="menu">  
  3.         <ul>  
  4.             <li><a href="http://www.freejs.net/">家电城</a><span class="hot"></span></li>  
  5.             <li><a href="http://www.freejs.net/">天黑黑</a></li>  
  6.             <li><a href="http://www.freejs.net/">团购</a></li>  
  7.             <li><a href="http://www.freejs.net/">Freejs</a><span class="hot"></span></li>  
  8.         </ul>  
  9.     </div>  
  10.     <div id="nav">  
  11.         <div class="mod_cate_hd">全部商品分类</div>  
  12.         <ul class="tit">  
  13.             <li class="mod_cate">  
  14.                 <h2><i class="arrow_dot fr"></i><a href="http://www.freejs.net/">手机</a><a href="http://www.freejs.net/">数码</a><a class="hot_sub" href="http://www.freejs.net/">合约机</a></h2>  
  15.                 <p class="mod_cate_r"><a href="http://www.freejs.net/">三星</a><a href="http://www.freejs.net/">联想</a><a href="http://www.freejs.net/">数码相机</a><a href="http://www.freejs.net/">智能设备</a></p>  
  16.                 <div class="mod_subcate">  
  17.                     <div class="mod_subcate_main">  
  18.                         <dl>  
  19.                             <dt>手机通讯</dt>  
  20.                             <dd>  
  21.                                 <a href="http://www.freejs.net/">全部手机</a><a href="http://www.freejs.net/">对讲机</a>  
  22.                                 <i class="mod_subcate_line"></i>  
  23.                                 <a href="http://www.freejs.net/">三星</a><a href="http://www.freejs.net/">苹果</a><a href="http://www.freejs.net/">华为</a><a href="http://www.freejs.net/">小米</a><a href="http://www.freejs.net/">诺基亚</a><a href="http://www.freejs.net/">联想</a><a href="http://www.freejs.net/">HTC</a><a href="http://www.freejs.net/">索尼</a><a href="http://www.freejs.net/">中兴</a><a href="http://www.freejs.net/">酷派</a><a href="http://www.freejs.net/">海尔</a><a href="http://www.freejs.net/">中国移动</a>  
  24.                             </dd>  
  25.                         </dl>  
  26.                         <dl>  
  27.                             <dt>运营商</dt>  
  28.                             <dd>  
  29.                                 <a href="http://www.freejs.net/">购机送费</a><a href="http://www.freejs.net/" class="org">0元购机</a><a href="http://www.freejs.net/">3G上网卡</a><a href="http://www.freejs.net/">选号入网</a><a href="http://www.freejs.net/">充值</a>  
  30.                             </dd>  
  31.                         </dl>  
  32.                         <dl>  
  33.                             <dt>手机配件</dt>  
  34.                             <dd>  
  35.                                 <a href="http://www.freejs.net/" class="org">移动电源</a><a href="http://www.freejs.net/" class="org">蓝牙耳机</a><a href="http://www.freejs.net/">手机套/外壳</a><a href="http://www.freejs.net/">贴膜</a><a href="http://www.freejs.net/">电池</a><a href="http://www.freejs.net/">充电器</a><a href="http://www.freejs.net/">数据线</a><a href="http://www.freejs.net/">手机耳机/耳麦</a><a href="http://www.freejs.net/">车载</a><a href="http://www.freejs.net/">创意配件</a><a href="http://www.freejs.net/">其他配件</a><a href="http://www.freejs.net/">iPhone配件</a><a href="http://www.freejs.net/">TF卡</a><a href="http://www.freejs.net/">蓝牙音响</a>  
  36.                             </dd>  
  37.                         </dl>  
  38.                         <dl>  
  39.                             <dt>数码摄像</dt>  
  40.                             <dd>  
  41.                                 <a href="http://www.freejs.net/">数码相机</a><a href="http://www.freejs.net/" class="org">微电/微单相机</a><a href="http://www.freejs.net/">摄像机</a><a href="http://www.freejs.net/">拍立得</a>  
  42.                             </dd>  
  43.                         </dl>  
  44.                         <dl>  
  45.                             <dt>单反/镜头</dt>  
  46.                             <dd>  
  47.                                 <a href="http://www.freejs.net/">全部</a><a href="http://www.freejs.net/">佳能</a><a href="http://www.freejs.net/">尼康</a><a href="http://www.freejs.net/">宾得</a><a href="http://www.freejs.net/">更多></a>  
  48.                                 <i class="mod_subcate_line"></i>  
  49.                                 <a href="http://www.freejs.net/">单反镜头</a><a href="http://www.freejs.net/">微单镜头</a>  
  50.                             </dd>  
  51.                         </dl>  
  52.                         <dl>  
  53.                             <dt>数码摄像</dt>  
  54.                             <dd>  
  55.                                 <a href="http://www.freejs.net/">数码相机</a><a href="http://www.freejs.net/" class="org">微电/微单相机</a><a href="http://www.freejs.net/">摄像机</a><a href="http://www.freejs.net/">拍立得</a>  
  56.                             </dd>  
  57.                         </dl>  
  58.                         <dl>  
  59.                             <dt>数码配件</dt>  
  60.                             <dd>  
  61.                                 <a href="http://www.freejs.net/" class="org">存储卡</a><a href="http://www.freejs.net/" class="org">U盘</a><a href="http://www.freejs.net/">相机包</a><a href="http://www.freejs.net/">相机电池</a><a href="http://www.freejs.net/">贴膜</a><a href="http://www.freejs.net/">滤镜</a><a href="http://www.freejs.net/">三脚架</a><a href="http://www.freejs.net/">闪光灯</a><a href="http://www.freejs.net/">遮光罩</a><a href="http://www.freejs.net/">专业配件</a><a href="http://www.freejs.net/">清洁用品</a><a href="http://www.freejs.net/">望远镜</a><a href="http://www.freejs.net/">移动硬盘</a><a href="http://www.freejs.net/" class="org">移动电源</a><a href="http://www.freejs.net/">读卡器</a><a href="http://www.freejs.net/">干电池</a><a href="http://www.freejs.net/">充电电池</a>  
  62.                             </dd>  
  63.                         </dl>  
  64.                         <dl>  
  65.                             <dt>苹果专区</dt>  
  66.                             <dd>  
  67.                                 <a href="http://www.freejs.net/">iphone</a><a href="http://www.freejs.net/">ipad</a><a href="http://www.freejs.net/">Mac</a><a href="http://www.freejs.net/">ipod</a><a href="http://www.freejs.net/">iphone配件</a><a href="http://www.freejs.net/">ipad配件</a><a href="http://www.freejs.net/">功能类配件</a><a href="http://www.freejs.net/">苹果电脑配件</a><a href="http://www.freejs.net/">ipod配件</a>  
  68.                             </dd>  
  69.                         </dl>  
  70.                         <dl>  
  71.                             <dt>娱乐影音</dt>  
  72.                             <dd>  
  73.                                 <a href="http://www.freejs.net/" class="org">智能穿戴</a><a href="http://www.freejs.net/">MP3和MP4</a><a href="http://www.freejs.net/">插卡音箱</a><a href="http://www.freejs.net/">潮流电玩</a><a href="http://www.freejs.net/">数码相框</a><a href="http://www.freejs.net/">收音/收录机</a><a href="http://www.freejs.net/">高清播放器</a><a href="http://www.freejs.net/">耳机</a>  
  74.                             </dd>  
  75.                         </dl>  
  76.                         <dl>  
  77.                             <dt>电子教育</dt>  
  78.                             <dd>  
  79.                                 <a href="http://www.freejs.net/">电纸书</a><a href="http://www.freejs.net/">录音笔</a><a href="http://www.freejs.net/">电子词典</a><a href="http://www.freejs.net/">智能学习/点读</a><a href="http://www.freejs.net/">幼儿教育</a>  
  80.                             </dd>  
  81.                         </dl>  
  82.                         <div class="mod_subcate_channel"><a class="mod_btn_arrow" href="http://www.freejs.net/"><b>手机/配件频道</b><i class="arrow_dot"></i></a><a class="mod_btn_arrow" href="http://www.freejs.net/"><b>相机、数码、苹果频道</b><i class="arrow_dot"></i></a></div>  
  83.                     </div>  
  84.                     <div class="mod_subcate_side">  
  85.                         <div class="mod_subcate_side_hd">热门品牌</div>  
  86.                         <ul class="mod_subcate_side_brand clearfix">  
  87.                             <li><a href="http://www.freejs.net/"><img src="images/1.jpg" /></a></li>  
  88.                             <li><a href="http://www.freejs.net/"><img src="images/2.jpg" /></a></li>  
  89.                             <li><a href="http://www.freejs.net/"><img src="images/3.jpg" /></a></li>  
  90.                             <li><a href="http://www.freejs.net/"><img src="images/4.jpg" /></a></li>  
  91.   
  92.                         </ul>  
  93.                         <div class="mod_subcate_side_hd">热门活动</div>  
  94.                         <ul class="mod_subcate_side_hotlist">  
  95.                             <li><a href="http://www.freejs.net/">华为3X独家首发</a></li>  
  96.                             <li><a href="http://www.freejs.net/">青橙手机贺新春 直降400!</a></li>  
  97.                         </ul>  
  98.                         <a class="mod_subcate_gg" href="http://www.freejs.net/"><img src="images/0.jpg" /></a>  
  99.                     </div>  
  100.                 </div>  
  101.             </li>  
  102.             <li class="mod_cate">  
  103.                 <h2><i class="arrow_dot fr"></i><a href="http://www.freejs.net/">电脑</a><a href="http://www.freejs.net/">硬件外设</a><a class="hot_sub" href="http://www.freejs.net/">装机宝</a></h2>  
  104.                 <p class="mod_cate_r"><a href="http://www.freejs.net/">鼠标</a><a href="http://www.freejs.net/">移动硬盘</a><a href="http://www.freejs.net/">键盘</a><a href="http://www.freejs.net/">平板</a></p>  
  105.                 <div class="mod_subcate">  
  106.                     <div class="mod_subcate_main">  
  107.                         <dl>  
  108.                             <dt>热门推荐</dt>  
  109.                             <dd>  
  110.                                 <a href="http://www.freejs.net/">ipad air</a><a href="http://www.freejs.net/">mini</a><a href="http://www.freejs.net/">Surface</a><a href="3">移动硬盘1TB</a><a href="http://www.freejs.net/">无线键盘</a><a href="http://www.freejs.net/">游戏鼠标</a>  
  111.                             </dd>  
  112.                         </dl>  
  113.                         <div class="mod_subcate_channel"><a class="mod_btn_arrow" href="http://www.freejs.net/"><b>电脑整机频道</b><i class="arrow_dot"></i></a><a class="mod_btn_arrow" href="http://www.freejs.net/"><b>硬件/外设频道</b><i class="arrow_dot"></i></a><a class="mod_btn_arrow" href="http://www.freejs.net/"><b>电脑附件频道</b><i class="arrow_dot"></i></a><a class="mod_btn_arrow" href="http://www.freejs.net/"><b>音频馆</b><i class="arrow_dot"></i></a><a class="mod_btn_arrow" href="http://www.freejs.net/"><b>腾讯周边</b><i class="arrow_dot"></i></a></div>  
  114.                     </div>  
  115.                     <div class="mod_subcate_side">  
  116.                         <div class="mod_subcate_side_hd">热门品牌</div>  
  117.                         <ul class="mod_subcate_side_brand clearfix">  
  118.                             <li><a href="http://www.freejs.net/"><img src="images/9.jpg" /></a></li>  
  119.                             <li><a href="http://www.freejs.net/"><img src="images/10.jpg" /></a></li>  
  120.                             <li><a href="http://www.freejs.net/"><img src="images/11.jpg" /></a></li>  
  121.   
  122.                         </ul>  
  123.                         <div class="mod_subcate_side_hd">热门活动</div>  
  124.                         <ul class="mod_subcate_side_hotlist">  
  125.                             <li><a href="http://www.freejs.net/">神舟新春最惠 全场最高直降500!</a></li>  
  126.                         </ul>  
  127.                         <a class="mod_subcate_gg" href="http://www.freejs.net/"><img src="images/00.jpg" /></a>  
  128.                     </div>  
  129.                 </div>  
  130.             </li>  
  131.               
  132.             <li class="mod_cate">  
  133.                 <h2><i class="arrow_dot fr"></i><a href="http://www.freejs.net/">厨卫电器</a><a href="http://www.freejs.net/">生活电器</a></h2>  
  134.                 <p class="mod_cate_r"><a href="http://www.freejs.net/">剃须刀</a><a href="http://www.freejs.net/">微波炉</a><a href="http://www.freejs.net/">取暖设备</a></p>  
  135.                 <div class="mod_subcate">  
  136.                     <div class="mod_subcate_main">  
  137.                         <dl>  
  138.                             <dt>生活小电</dt>  
  139.                             <dd>  
  140.                                 <a class="org" href="http://www.freejs.net/">空气净化器</a><a class="org" href="http://www.freejs.net/">取暖设备</a><a class="org" href="http://www.freejs.net/">电热油汀</a><a href="http://www.freejs.net/">快热炉</a><a href="http://www.freejs.net/">暖风机</a><a href="http://www.freejs.net/">小太阳</a>  
  141.                             </dd>  
  142.                         </dl>  
  143.                         <div class="mod_subcate_channel"><a class="mod_btn_arrow" href="http://www.freejs.net/"><b>厨卫电器频道</b><i class="arrow_dot"></i></a><a class="mod_btn_arrow" href="http://www.freejs.net/"><b>生活电器频道</b><i class="arrow_dot"></i></a></div>  
  144.                     </div>  
  145.                     <div class="mod_subcate_side">  
  146.                         <div class="mod_subcate_side_hd">热门品牌</div>  
  147.                         <ul class="mod_subcate_side_brand clearfix">  
  148.                             <li><a href="http://www.freejs.net/"><img src="images/1.jpg" /></a></li>  
  149.                             <li><a href="http://www.freejs.net/"><img src="images/2.jpg" /></a></li>  
  150.                             <li><a href="http://www.freejs.net/"><img src="images/3.jpg" /></a></li>  
  151.                             <li><a href="http://www.freejs.net/"><img src="images/4.jpg" /></a></li>  
  152.   
  153.                         </ul>  
  154.                         <div class="mod_subcate_side_hd">热门活动</div>  
  155.                         <ul class="mod_subcate_side_hotlist">  
  156.                             <li><a href="http://www.freejs.net/">华为3X独家首发</a></li>  
  157.                             <li><a href="http://www.freejs.net/">青橙手机贺新春 直降400!</a></li>  
  158.                         </ul>  
  159.                         <a class="mod_subcate_gg" href="http://www.freejs.net/"><img src="images/0.jpg" /></a>  
  160.                     </div>  
  161.                 </div>  
  162.             </li>  
  163.               
  164.             <li class="mod_cate">  
  165.                 <h2><i class="arrow_dot fr"></i><a href="http://www.freejs.net/">爱车养护</a><a class="hot_sub" href="http://www.freejs.net/">爱车宝</a></h2>  
  166.                 <p class="mod_cate_r"><a href="http://www.freejs.net/">GPS导航</a><a href="http://www.freejs.net/">机油</a><a href="http://www.freejs.net/">改装配件</a></p>  
  167.                 <div class="mod_subcate">  
  168.                     <div class="mod_subcate_main">  
  169.                         <dl>  
  170.                             <dt>汽车电子</dt>  
  171.                             <dd>  
  172.                                 <a class="org" href="http://www.freejs.net/">GPS/专用DVD导航</a><a href="http://www.freejs.net/">MP3 MP4</a>  
  173.                             </dd>  
  174.                         </dl>  
  175.                         <div class="mod_subcate_channel"><a class="mod_btn_arrow" href="http://www.freejs.net/"><b>汽车、保养、装饰频道</b><i class="arrow_dot"></i></a></div>  
  176.                     </div>  
  177.                     <div class="mod_subcate_side">  
  178.                         <div class="mod_subcate_side_hd">热门品牌</div>  
  179.                         <ul class="mod_subcate_side_brand clearfix">  
  180.                             <li><a href="http://www.freejs.net/"><img src="images/1.jpg" /></a></li>  
  181.                             <li><a href="http://www.freejs.net/"><img src="images/2.jpg" /></a></li>  
  182.                             <li><a href="http://www.freejs.net/"><img src="images/3.jpg" /></a></li>  
  183.                             <li><a href="http://www.freejs.net/"><img src="images/4.jpg" /></a></li>  
  184.   
  185.                         </ul>  
  186.                         <div class="mod_subcate_side_hd">热门活动</div>  
  187.                         <ul class="mod_subcate_side_hotlist">  
  188.                             <li><a href="http://www.freejs.net/">华为3X独家首发</a></li>  
  189.                             <li><a href="http://www.freejs.net/">青橙手机贺新春 直降400!</a></li>  
  190.                         </ul>  
  191.                         <a class="mod_subcate_gg" href="http://www.freejs.net/"><img src="images/0.jpg" /></a>  
  192.                     </div>  
  193.                 </div>  
  194.             </li>  
  195.   
  196.         </ul>  
  197.         <div class="mod_cate2">  
  198.             <h2><a href="http://www.freejs.net/">QQ网购</a><a class="yel" href="http://www.freejs.net/">彩票</a><a href="http://www.freejs.net/">充值</a></h2>  
  199.             <p class="mod_cate_r"><a href="http://www.freejs.net/">美妆</a><a href="http://www.freejs.net/">旅游</a><a href="http://www.freejs.net/">票务</a><a class="yel" href="http://www.freejs.net/">huiyi8素材网</a></p>  
  200.         </div>   
  201.     </div>  
  202. </div>  

 


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