我們可能也瀏覽過(guò)其他除淘寶的購(gòu)物網(wǎng)站,看到貌似別人的導(dǎo)航好看很多,鼠標(biāo)經(jīng)過(guò)會(huì)變換顏色的,那么我們淘寶店能實(shí)現(xiàn)這種功能嗎?有沒(méi)有什么要求,例如什么要基礎(chǔ)班還是專(zhuān)業(yè)版的?這些都不需要,下面廣州淘寶美工培訓(xùn)為你帶來(lái)“淘寶導(dǎo)航條怎么做鼠標(biāo)經(jīng)過(guò)變色”。
.menu-list.menu-hover.link.title{color:#8C0500;}
修改當(dāng)前選著的分類(lèi),背景圖片或背景顏色效果:

(首頁(yè)二字變成了黑色,這個(gè)顏色代碼是表示,你正在瀏覽的這個(gè)分類(lèi)后面的背景顏色代碼,比如我點(diǎn)了筆記本電腦這個(gè)分類(lèi),筆記本電腦這個(gè)分類(lèi)的背景顏色也會(huì)變成黑色,然而首頁(yè)的背景顏色會(huì)恢復(fù)正常。這個(gè)代碼必須改,不改你會(huì)在保存后發(fā)現(xiàn)你的文字后面有奇怪的顏色,自己測(cè)試下)
—————————————————————————————————————————————
修改選中分類(lèi)背景顏色或背景圖片代碼(#1D1D1D為顏色代碼,自行修改)
.skin-box-bd.menu-list.menu-selected.link{background:#1D1D1D;}
.skin-box-bd.menu-list.menu-selected.link.title{background:#1D1D1D;}
以上6個(gè)基本代碼就能修改成最上面那動(dòng)態(tài)圖片的樣式了,如果你需要修改更加精細(xì)化,請(qǐng)使用以下代碼,自行測(cè)試。
{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;}
.menu-list.menu-hover.link.title{color:#8C0500;}
修改當(dāng)前選著的分類(lèi),背景圖片或背景顏色效果:

(首頁(yè)二字變成了黑色,這個(gè)顏色代碼是表示,你正在瀏覽的這個(gè)分類(lèi)后面的背景顏色代碼,比如我點(diǎn)了筆記本電腦這個(gè)分類(lèi),筆記本電腦這個(gè)分類(lèi)的背景顏色也會(huì)變成黑色,然而首頁(yè)的背景顏色會(huì)恢復(fù)正常。這個(gè)代碼必須改,不改你會(huì)在保存后發(fā)現(xiàn)你的文字后面有奇怪的顏色,自己測(cè)試下)
—————————————————————————————————————————————
修改選中分類(lèi)背景顏色或背景圖片代碼(#1D1D1D為顏色代碼,自行修改)
.skin-box-bd.menu-list.menu-selected.link{background:#1D1D1D;}
.skin-box-bd.menu-list.menu-selected.link.title{background:#1D1D1D;}
以上6個(gè)基本代碼就能修改成最上面那動(dòng)態(tài)圖片的樣式了,如果你需要修改更加精細(xì)化,請(qǐng)使用以下代碼,自行測(cè)試。
{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;}
樂(lè)發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購(gòu)進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購(gòu)信息和超市加盟信息.打造國(guó)內(nèi)超市采購(gòu)商與批發(fā)市場(chǎng)供應(yīng)廠商搭建網(wǎng)上批發(fā)市場(chǎng)平臺(tái),是全國(guó)批發(fā)市場(chǎng)行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站:百度百科、知乎、淘寶平臺(tái)規(guī)則
本文來(lái)源: 淘寶導(dǎo)航條怎么做鼠標(biāo)經(jīng)過(guò)變色?