1、导航的作用
导航条在店铺装修中很重要，可以让顾客很容易找到店里的商品，并且减少店铺跳失率。
2、图片导航PK文字导航
有的卖家喜欢用图片来做导航，这样做短期内是很漂亮，但维护起来很麻烦，而文字的导航，耐看，好维护。
3、全屏导航
手机都大屏了，导航也必须是全屏滴。至于怎么做大屏的，坛子里搜搜，到处都是，不赘述
4、导航代码
店家有现成的码农老公，好好研究了一下，做出了完美仿天猫色调的导航，二级菜单，表格虚线，要啥有啥，解决了论坛中很多人提出的各种色块之类的问题
先把店铺导航的效果提出来给大家看看，然后再将完整代码贴出。
都说同行是冤家，我不这么看，分享更帮大家更进一步，你好我好大家好，赠人玫瑰手留余香：）
本帖面向懂一点装修的店家，如果亲刚开始学习装修，那么随时可以咨询我，在小儿不忙的时候给亲答复。
无图无真相，直接上效果图（网店展示地址：http://aiaiguoguo.taobao.com/）!
下面就来完美的导航条代码！
.skin-box-bd{background: #8f0100;}
.skin-box-bd .menu-list li a:hover{ background-attachment: scroll; background-color: #7a0000; background-image: none;background-repeat: repeat-x; background-position: 0 0;}
.all-cats{background: #8f0100;}
.all-cats .link {background:none; border-right-width: 1px; border-right-style: dashed; border-right-color: #9E3231;}
.all-cats .link .title {color: #ffffff;font-weight: bold; font-size:12px}
.all-cats .link .title:hover{color: #ffffff;font-weight: bold;}
.all-cats .link:hover{background:#7a0000;}
.popup-content{background: #f1f1f1; border:none;}
.popup-content .cats-tree .fst-cat {border:none;}
.popup-content .cats-tree .fst-cat .cat-name {color: #000000;font-weight: bold;}
.popup-content .cats-tree .cat-hd-hover {background: #88766e;}
.popup-content .cats-tree .cat-hd-hover .cat-name {color: #fff;font-weight: bold;}
.popup-content .cats-tree .snd-pop-inner {background: #88766e;}
.snd-pop-inner .fst-cat-bd .snd-cat-hd{background: none;}
.popup-content .cats-tree .fst-cat .snd-pop .snd-cat-hd a {color:#fff;font-weight: bold;}
.popup-content .cats-tree .snd-cat-hd-hover {background: #645756;}
.popup-content .cats-tree .fst-cat .snd-pop .snd-cat-hd a:hover {color: #fff;font-weight: bold;}
.menu-list {background: #8f0100;}
.menu-list .link {background: none; border-right-width: 1px; border-right-style: dashed; border-right-color: #9E3231;}
.menu-list .menu {background: none; border:none;}
.menu-list .menu .title {color: #fff;font-weight: bold; font-size:12px}
.menu-list .menu-hover .link {background: #7a0000;}
.menu-list .menu-hover .link .title {background: none; color: #FFF; border:none;}
.menu-list .menu-selected .link {background: none;}
.menu-list .menu-selected .link .title {background: none; color:#fff;}
您可能还会喜欢这些文章：
用手机旺信的朋友们记得看呀,小店惨遭封店!
买家退回货物损坏，该如何处理？
充值软件和淘宝充值平台使用时的注意事项
化妆品 货源充足 诚招代理
计算机专业毕业生也在淘宝开网店。
乐发网超市批发网提供超市货源信息,超市采购进货渠道。超市进货网提供成都食品批发,日用百货批发信息、微信淘宝网店超市采购信息和超市加盟信息.打造国内超市采购商与批发市场供应厂商搭建网上批发市场平台,是全国批发市场行业中电子商务权威性网站。
