碼字不容易，小二真的好雷鋒啊，把自己的經驗和盤托出啊，親們，看了喜歡了，來點掌聲吧，小二打算從以下幾個方面來說明，您要覺得有用，看帖回個帖唄：）
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;}
您可能還會喜歡這些文章：
用手機旺信的朋友們記得看呀,小店慘遭封店!
買家退回貨物損壞，該如何處理？
充值軟件和淘寶充值平臺使用時的注意事項
化妝品 貨源充足 誠招代理
計算機專業畢業生也在淘寶開網店。
樂發網超市批發網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。
