类似易迅网左侧导航菜单分类代码-freejs.net
本例与类似京东商城左侧总分类 差不多的,具体可以查看演示。
XML/HTML Code
- <div class="warpper">
- <div class="menu">
- <ul>
- <li><a href="http://www.freejs.net/">家电城</a><span class="hot"></span></li>
- <li><a href="http://www.freejs.net/">天黑黑</a></li>
- <li><a href="http://www.freejs.net/">团购</a></li>
- <li><a href="http://www.freejs.net/">Freejs</a><span class="hot"></span></li>
- </ul>
- </div>
- <div id="nav">
- <div class="mod_cate_hd">全部商品分类</div>
- <ul class="tit">
- <li class="mod_cate">
- <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>
- <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>
- <div class="mod_subcate">
- <div class="mod_subcate_main">
- <dl>
- <dt>手机通讯</dt>
- <dd>
- <a href="http://www.freejs.net/">全部手机</a><a href="http://www.freejs.net/">对讲机</a>
- <i class="mod_subcate_line"></i>
- <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>
- </dd>
- </dl>
- <dl>
- <dt>运营商</dt>
- <dd>
- <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>
- </dd>
- </dl>
- <dl>
- <dt>手机配件</dt>
- <dd>
- <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>
- </dd>
- </dl>
- <dl>
- <dt>数码摄像</dt>
- <dd>
- <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>
- </dd>
- </dl>
- <dl>
- <dt>单反/镜头</dt>
- <dd>
- <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>
- <i class="mod_subcate_line"></i>
- <a href="http://www.freejs.net/">单反镜头</a><a href="http://www.freejs.net/">微单镜头</a>
- </dd>
- </dl>
- <dl>
- <dt>数码摄像</dt>
- <dd>
- <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>
- </dd>
- </dl>
- <dl>
- <dt>数码配件</dt>
- <dd>
- <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>
- </dd>
- </dl>
- <dl>
- <dt>苹果专区</dt>
- <dd>
- <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>
- </dd>
- </dl>
- <dl>
- <dt>娱乐影音</dt>
- <dd>
- <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>
- </dd>
- </dl>
- <dl>
- <dt>电子教育</dt>
- <dd>
- <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>
- </dd>
- </dl>
- <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>
- </div>
- <div class="mod_subcate_side">
- <div class="mod_subcate_side_hd">热门品牌</div>
- <ul class="mod_subcate_side_brand clearfix">
- <li><a href="http://www.freejs.net/"><img src="images/1.jpg" /></a></li>
- <li><a href="http://www.freejs.net/"><img src="images/2.jpg" /></a></li>
- <li><a href="http://www.freejs.net/"><img src="images/3.jpg" /></a></li>
- <li><a href="http://www.freejs.net/"><img src="images/4.jpg" /></a></li>
- </ul>
- <div class="mod_subcate_side_hd">热门活动</div>
- <ul class="mod_subcate_side_hotlist">
- <li><a href="http://www.freejs.net/">华为3X独家首发</a></li>
- <li><a href="http://www.freejs.net/">青橙手机贺新春 直降400!</a></li>
- </ul>
- <a class="mod_subcate_gg" href="http://www.freejs.net/"><img src="images/0.jpg" /></a>
- </div>
- </div>
- </li>
- <li class="mod_cate">
- <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>
- <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>
- <div class="mod_subcate">
- <div class="mod_subcate_main">
- <dl>
- <dt>热门推荐</dt>
- <dd>
- <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>
- </dd>
- </dl>
- <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>
- </div>
- <div class="mod_subcate_side">
- <div class="mod_subcate_side_hd">热门品牌</div>
- <ul class="mod_subcate_side_brand clearfix">
- <li><a href="http://www.freejs.net/"><img src="images/9.jpg" /></a></li>
- <li><a href="http://www.freejs.net/"><img src="images/10.jpg" /></a></li>
- <li><a href="http://www.freejs.net/"><img src="images/11.jpg" /></a></li>
- </ul>
- <div class="mod_subcate_side_hd">热门活动</div>
- <ul class="mod_subcate_side_hotlist">
- <li><a href="http://www.freejs.net/">神舟新春最惠 全场最高直降500!</a></li>
- </ul>
- <a class="mod_subcate_gg" href="http://www.freejs.net/"><img src="images/00.jpg" /></a>
- </div>
- </div>
- </li>
- <li class="mod_cate">
- <h2><i class="arrow_dot fr"></i><a href="http://www.freejs.net/">厨卫电器</a><a href="http://www.freejs.net/">生活电器</a></h2>
- <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>
- <div class="mod_subcate">
- <div class="mod_subcate_main">
- <dl>
- <dt>生活小电</dt>
- <dd>
- <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>
- </dd>
- </dl>
- <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>
- </div>
- <div class="mod_subcate_side">
- <div class="mod_subcate_side_hd">热门品牌</div>
- <ul class="mod_subcate_side_brand clearfix">
- <li><a href="http://www.freejs.net/"><img src="images/1.jpg" /></a></li>
- <li><a href="http://www.freejs.net/"><img src="images/2.jpg" /></a></li>
- <li><a href="http://www.freejs.net/"><img src="images/3.jpg" /></a></li>
- <li><a href="http://www.freejs.net/"><img src="images/4.jpg" /></a></li>
- </ul>
- <div class="mod_subcate_side_hd">热门活动</div>
- <ul class="mod_subcate_side_hotlist">
- <li><a href="http://www.freejs.net/">华为3X独家首发</a></li>
- <li><a href="http://www.freejs.net/">青橙手机贺新春 直降400!</a></li>
- </ul>
- <a class="mod_subcate_gg" href="http://www.freejs.net/"><img src="images/0.jpg" /></a>
- </div>
- </div>
- </li>
- <li class="mod_cate">
- <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>
- <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>
- <div class="mod_subcate">
- <div class="mod_subcate_main">
- <dl>
- <dt>汽车电子</dt>
- <dd>
- <a class="org" href="http://www.freejs.net/">GPS/专用DVD导航</a><a href="http://www.freejs.net/">MP3 MP4</a>
- </dd>
- </dl>
- <div class="mod_subcate_channel"><a class="mod_btn_arrow" href="http://www.freejs.net/"><b>汽车、保养、装饰频道</b><i class="arrow_dot"></i></a></div>
- </div>
- <div class="mod_subcate_side">
- <div class="mod_subcate_side_hd">热门品牌</div>
- <ul class="mod_subcate_side_brand clearfix">
- <li><a href="http://www.freejs.net/"><img src="images/1.jpg" /></a></li>
- <li><a href="http://www.freejs.net/"><img src="images/2.jpg" /></a></li>
- <li><a href="http://www.freejs.net/"><img src="images/3.jpg" /></a></li>
- <li><a href="http://www.freejs.net/"><img src="images/4.jpg" /></a></li>
- </ul>
- <div class="mod_subcate_side_hd">热门活动</div>
- <ul class="mod_subcate_side_hotlist">
- <li><a href="http://www.freejs.net/">华为3X独家首发</a></li>
- <li><a href="http://www.freejs.net/">青橙手机贺新春 直降400!</a></li>
- </ul>
- <a class="mod_subcate_gg" href="http://www.freejs.net/"><img src="images/0.jpg" /></a>
- </div>
- </div>
- </li>
- </ul>
- <div class="mod_cate2">
- <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>
- <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>
- </div>
- </div>
- </div>
原文地址:http://www.freejs.net/article_daohangcaidan_329.html