类似天猫、淘宝、京东等购物网站左侧二级导航代码
本站之前已经发布过类似的很多代码,可以到导航菜单查看
XML/HTML Code
- <div class="nav-wrap">
- <div class="nav">
- <div class="goods">
- <div>
- <h2> <a>商品分类</a> </h2>
- </div>
- <div class="all-goods">
- <div class="item btnone">
- <div class="product">
- <h3> <a href="http://www.freejs.net">LOGO</a> </h3>
- <s style="display:block;"></s> </div>
- <div class="product-wrap posone">
- <!--LOGO-->
- <div class="cf">
- <div class="fl wd252 pr20">
- <h2><a href="http://www.freejs.net">LOGO</a></h2>
- <p class="lh30">两大超值套餐任选,最低只需588元。</p>
- <ul class="cf">
- <li> <a href="http://www.freejs.net" target="_blank">LOGO设计</a> </li>
- <li> <a href="http://www.freejs.net" target="_blank">LOGO案例</a> </li>
- <li> <a href="http://www.freejs.net" target="_blank">LOGO常识</a> </li>
- <li> <a href="http://www.freejs.net" target="_blank">VI常识</a> </li>
- </ul>
- </div>
- <dl class="fl wd185 pl20 blee">
- <dt class="lh36">促销活动</dt>
- <dd id="logoads"><a href="http://www.freejs.net" target="_blank" title="logo"><img src="images/0931524708.jpg"></a></dd>
- </dl>
- </div>
- </div>
- </div>
- <div class="item">
- <div class="product">
- <h3> <a href="http://www.freejs.net">优惠券</a> </h3>
- <s></s> </div>
- <div class="product-wrap posfive">
- <!--优惠券-->
- <div class="cf">
- <div class="fl wd252 pr20">
- <h2><a href="http://www.freejs.net">优惠券</a></h2>
- <p class="lh30">设计18元起,印刷低至0.1元/张,全国包邮。</p>
- <ul class="cf">
- <li> <a href="http://www.freejs.net" target="_blank">优惠券设计</a> </li>
- <li> <a href="http://www.freejs.net" target="_blank">优惠券印刷</a> </li>
- <li> <a href="http://www.freejs.net" target="_blank">优惠券模板</a> </li>
- <li> <a href="http://www.freejs.net" target="_blank">优惠券常识</a> </li>
- </ul>
- </div>
- <dl class="fl wd185 pl20 blee">
- <dt class="lh36">促销活动</dt>
- <dd id="yhqads"><a href="http://www.freejs.net" target="_blank" title="优惠券"><img src="images/0937077379.jpg"></a></dd>
- </dl>
- </div>
- </div>
- </div>
- </div>
- </div>
- <ul class="nav-list cf">
- <li> <a href="http://www.freejs.net">首页</a> </li>
- <li><a href='http://www.freejs.net' class="on">tab标签</a></li>
- </ul>
- </div>
- </div>
原文地址:http://www.freejs.net/article_daohangcaidan_666.html