快消品貨源批發(fā)市場(chǎng)
快消品貨源分銷(xiāo)平臺(tái)
 
 
當(dāng)前位置: 貨源批發(fā)網(wǎng) » 網(wǎng)商學(xué)院 » 網(wǎng)店裝修 » 淘寶店鋪裝修 » 淘寶導(dǎo)航條怎么做鼠標(biāo)經(jīng)過(guò)變色?

淘寶導(dǎo)航條怎么做鼠標(biāo)經(jīng)過(guò)變色?

放大字體  縮小字體 發(fā)布日期:2024-08-22 08:31:09  來(lái)源:電商聯(lián)盟  作者:樂(lè)發(fā)網(wǎng)  瀏覽次數(shù):35

我們可能也瀏覽過(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),背景圖片或背景顏色效果:

導(dǎo)航條怎么做鼠標(biāo)經(jīng)過(guò)變色
(首頁(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ò)變色?

分享與收藏:  網(wǎng)商學(xué)院搜索  告訴好友  關(guān)閉窗口  打印本文 本文關(guān)鍵字:
 
更多..資源下載
淘寶店鋪裝修圖文
【官方】新旺鋪教程之寶貝詳情模板 淘寶天貓寶貝詳情頁(yè)模板添加關(guān)聯(lián)產(chǎn)品連帶的方法
淘寶詳情模板市場(chǎng)使用教程 淘寶天貓開(kāi)店裝修如何添加促銷(xiāo)特價(jià)模板
淘寶店鋪裝修網(wǎng)商學(xué)院推薦
淘寶店鋪裝修點(diǎn)擊排行
 
手機(jī)版 手機(jī)掃描訪問(wèn)
亚洲一级av,黑白配精品在线视频,欧美亚洲综合网站,高清在线无码不卡69 www.sucaiwu.net