我們可能也瀏覽過其他除淘寶的購物網站，看到貌似別人的導航好看很多，鼠標經過會變換顏色的，那么我們淘寶店能實現這種功能嗎？有沒有什么要求，例如什么要基礎班還是專業版的？這些都不需要，下面廣州淘寶美工培訓為你帶來“淘寶導航條怎么做鼠標經過變色”。



.menu-list.menu-hover.link.title{color:#8C0500;}


修改當前選著的分類，背景圖片或背景顏色效果：


（首頁二字變成了黑色，這個顏色代碼是表示，你正在瀏覽的這個分類后面的背景顏色代碼，比如我點了筆記本電腦這個分類，筆記本電腦這個分類的背景顏色也會變成黑色，然而首頁的背景顏色會恢復正常。這個代碼必須改，不改你會在保存后發現你的文字后面有奇怪的顏色，自己測試下）



—————————————————————————————————————————————


修改選中分類背景顏色或背景圖片代碼（#1D1D1D為顏色代碼，自行修改）



.skin-box-bd.menu-list.menu-selected.link{background:#1D1D1D;}
.skin-box-bd.menu-list.menu-selected.link.title{background:#1D1D1D;}

以上6個基本代碼就能修改成最上面那動態圖片的樣式了，如果你需要修改更加精細化，請使用以下代碼，自行測試。



{background:#000000;}替換{background:url(圖片鏈接);}

—————————————————————————————————————————————




.skin-box-bd.menu-list{background:nonerepeatscroll00#00ad08;}

.skin-box-bd.menu-list.link{background:nonerepeatscroll00#00ad08;}

.skin-box-bd.menu-list.menu{border-right:1px#006205solid;}

.skin-box-bd.menu-list.menu.title{color:#ff0000}

.all-cats.link{background:nonerepeatscroll00#00ad08;}

.all-cats.link{border-right:1px#006205solid;}

.skin-box-bd.all-cats.title{color:#ff0000}

.skin-box-bd.link{background:#000000;}
.all-cats.link{background:#000000;}

.skin-box-bd{background:#000000;}

.skin-box-bd.menu-list.menu-selected.link{background:#000000;}

.skin-box-bd.menu-list.menu-selected.link.title{background:#000000;}

.menu-list.menu.title{color:#000000;}

.menu-list.menu-hover.link{background:#000000;}

.menu-list.menu-hover.link.title{color:#FFFFFF;}

.popup-content{background:#000000;}

.popup-content.cats-tree.cat-hd-hover{background:#000000;}

.skin-box-bd.popup-content.cats-tree.cat-hd-hover.cat-name{color:#ff0000;}

.popup-content.cats-tree.snd-pop-inner{background:#000000;}

.popup-content.cats-tree.snd-cat-hd-hover{background:#000000;}

樂發網超市批發網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。

本文內容整合網站：百度百科、知乎、淘寶平臺規則

本文來源： 淘寶導航條怎么做鼠標經過變色？