首页>>导航菜单>>类似天猫、淘宝、京东等购物网站左侧二级导航代码(2018-08-05)

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

 本站之前已经发布过类似的很多代码，可以到导航菜单查看

类似天猫、淘宝、京东等购物网站左侧二级导航代码
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="nav-wrap">  
  2.   <div class="nav">  
  3.     <div class="goods">  
  4.       <div>  
  5.         <h2> <a>商品分类</a> </h2>  
  6.       </div>  
  7.       <div class="all-goods">  
  8.         <div class="item btnone">  
  9.           <div class="product">  
  10.             <h3> <a href="http://www.freejs.net">LOGO</a> </h3>  
  11.             <s style="display:block;"></s> </div>  
  12.           <div class="product-wrap posone">   
  13.             <!--LOGO-->  
  14.             <div class="cf">  
  15.               <div class="fl wd252 pr20">  
  16.                 <h2><a href="http://www.freejs.net">LOGO</a></h2>  
  17.                 <p class="lh30">两大超值套餐任选，最低只需588元。</p>  
  18.                 <ul class="cf">  
  19.                   <li> <a href="http://www.freejs.net" target="_blank">LOGO设计</a> </li>  
  20.                   <li> <a href="http://www.freejs.net" target="_blank">LOGO案例</a> </li>  
  21.                   <li> <a href="http://www.freejs.net" target="_blank">LOGO常识</a> </li>  
  22.                   <li> <a href="http://www.freejs.net" target="_blank">VI常识</a> </li>  
  23.                 </ul>  
  24.               </div>  
  25.               <dl class="fl wd185 pl20 blee">  
  26.                 <dt class="lh36">促销活动</dt>  
  27.                 <dd id="logoads"><a href="http://www.freejs.net" target="_blank" title="logo"><img src="images/0931524708.jpg"></a></dd>  
  28.               </dl>  
  29.             </div>  
  30.           </div>  
  31.         </div>  
  32.           
  33.   
  34.         <div class="item">  
  35.           <div class="product">  
  36.             <h3> <a href="http://www.freejs.net">优惠券</a> </h3>  
  37.             <s></s> </div>  
  38.           <div class="product-wrap posfive">   
  39.             <!--优惠券-->  
  40.             <div class="cf">  
  41.               <div class="fl wd252 pr20">  
  42.                 <h2><a href="http://www.freejs.net">优惠券</a></h2>  
  43.                 <p class="lh30">设计18元起，印刷低至0.1元/张，全国包邮。</p>  
  44.                 <ul class="cf">  
  45.                   <li> <a href="http://www.freejs.net" target="_blank">优惠券设计</a> </li>  
  46.                   <li> <a href="http://www.freejs.net" target="_blank">优惠券印刷</a> </li>  
  47.                   <li> <a href="http://www.freejs.net" target="_blank">优惠券模板</a> </li>  
  48.                   <li> <a href="http://www.freejs.net" target="_blank">优惠券常识</a> </li>  
  49.                 </ul>  
  50.               </div>  
  51.               <dl class="fl wd185 pl20 blee">  
  52.                 <dt class="lh36">促销活动</dt>  
  53.                 <dd id="yhqads"><a href="http://www.freejs.net" target="_blank" title="优惠券"><img src="images/0937077379.jpg"></a></dd>  
  54.               </dl>  
  55.             </div>  
  56.           </div>  
  57.         </div>  
  58.   
  59.   
  60.           
  61.   
  62.       </div>  
  63.     </div>  
  64.     <ul class="nav-list cf">  
  65.       <li> <a href="http://www.freejs.net">首页</a> </li>  
  66.       <li><a href='http://www.freejs.net' class="on">tab标签</a></li>  
  67.     </ul>  
  68.   </div>  
  69. </div>  

 


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