導航:首頁 > 編程語言 > 淘寶滑鼠經過變色代碼

淘寶滑鼠經過變色代碼

發布時間:2023-10-22 20:47:43

㈠ 淘寶店鋪的導航條,滑鼠點擊首頁之後,顯示的背景顏色怎麼設置最後貼代碼!如圖:

你應該是淘寶購買的旺鋪模板吧,這個模板我也碰到過,這個地方是不能修改的,
估計是模板也淘寶自帶的css沖突,沒有辦法
想做的好看,建議後期還是自己設計一套

㈡ 淘寶所有分類背景代碼和滑鼠移動上去時的代碼,二級菜單背景需要做成半透明白色透明的就,該怎麼做呢

/*所有分類背景色*/
.all-cats .link{background: none repeat scroll 0 0 #00ad08;}

滑鼠滑過一級分類導航文字變換背景色代碼如下:
.menu-list .menu-hover .link{background:#000000;}

滑鼠滑過二級分類導航文字變換背景色代碼如下:
.popup-content .cats-tree .cat-hd-hover{background:#000000;}
二級分類背景代碼如下:
.popup-content{background:#000000;}

A.簡單的淘寶新旺鋪自定義CSS導航透明背景代碼:
.skin-box-bd{background:none;}
.menu-list{background:none;}.link{background:none;}
.menu{background:none;}
.all-cats{background:none;}
.all-cats{display:none;}
.menu-list.menu.title{color:#CF6AA6;}
B.完全的淘寶新旺鋪自定義CSS導航透明背景代碼:
.skin-box-bd{background:none;border:none;}
.menu-list{background:none;}
.link{background:none;border:none;}
.menu{background:none;}
.all-cats{background:none;}
.skin-box-bd.all-cats.link{border:none;}
.skin-box-bd.menu-list.menu{border:none;}
.menu-list.menu.title{color:#000000;font-size:15px;font-weight:bold;}
.all-cats.link.title{color:#000000;font-size:15px;font-weight:bold;}
.skin-box-bd.menu-list.menu-selected.link{background:none;}
.skin-box-bd.menu-list.menu-selected.link.title{background:none;}
希望能幫到你,望採納

㈢ 誰有漂亮的淘寶網導航的樣式css代碼

1.修改導航分類下面的背景色,代碼如下:
.skin-box-bd .link{background:#000000;}
修改導航分類下面的圖片,代碼如下:
.skin-box-bd .link{background:url(圖片鏈接);}

2.修改整個導航的背景色
.skin-box-bd .menu-list{background:#000000;}
修改整個導航背景為圖片
.skin-box-bd .menu-list{background:url(圖片鏈接);}

3.修改最右邊留下的一小塊,2里提到的,代碼如下:
.skin-box-bd{background:#000000;}
修改成圖片的代碼如下:
.skin-box-bd{background:url(圖片鏈接);}

4.字外加色:
.skin-box-bd .menu-list .menu-selected .link{background:#000000;}

5.字里加色:
.skin-box-bd .menu-list .menu-selected .link .title{background:#000000;}
字外+字里=全部!
----------------------------------------------------------------------------------------
1.導航背景色代碼(除去「所有分類」)如下:
.menu-list .link{background:#000000;}

2.導航欄文字(除去「所有分類」)如下:
.menu-list .menu .title{color:#顏色代碼;font-size:字型大小px;}

3.「所有分類」的背景色代碼如下:
.all-cats .link{background:#000000;}

4.「所有分類」的文字代碼如下:
.all-cats .link .title{color:#顏色代碼;font-size:字型大小px;}

最新代碼,解決字體改大後導航右側消失的情況!
代碼如下:
.all-cats .link .title{font-size:字型大小px;}.all-cats .link {background:#3BAFFF;margin:0;padding:0px 3px;}
字型大小最大為21,繼續變大右側導航將消失!該代碼還不是很完善,我們會繼續研究!

5.二級分類文字代碼如下:
.popup-content .cats-tree .fst-cat .cat-name{font-size:字型大小px;color:#顏色代碼;font-weight:bold/bolder/normal;}

6.二級分類背景代碼如下:
.popup-content{background:#000000;}

7.三級分類文字代碼(除去「所有寶貝」分類)如下
.popup-content .cats-tree .snd-pop-inner{font-size:字型大小px;color:#顏色代碼;font-weight:bold/bolder/normal;}

8.三級分類文字代碼(包括「所有寶貝」分類字體大小)這樣就無法改變字體顏色,我們會繼續完善該代碼!如下
.popup-content .cats-tree .snd-pop-inner{font-size:字型大小px;color:#顏色;}

9.三級分類背景代碼:
.popup-content .cats-tree .snd-pop-inner{background:#000000;}

10.一級導航分類(除去「所有寶貝」分類)分隔線顏色代碼如下:
.menu-list .menu{border-color:#000000;}

11.一級導航「所有寶貝」分類分隔線顏色代碼如下:
.all-cats .link{border-color:#000000;}

12.一級導航分類的寬度修改代碼如下:
.menu-list .menu{background:#顏色;margin:0;padding:0px 增加的寬度px;}

13.滑鼠滑過一級分類導航文字變換背景色代碼如下:
.menu-list .menu-hover .link{background:#000000;}

14.滑鼠滑過一級分類導航文字變換顏色代碼如下:
.menu-list .menu-hover .link .title{color:#FFFFFF;}

15.滑鼠滑過二級分類導航文字變換背景色代碼如下:
.popup-content .cats-tree .cat-hd-hover{background:#000000;}

16.滑鼠滑過二級分類導航文字變換顏色代碼如下:
.skin-box-bd .popup-content .cats-tree .cat-hd-hover .cat-name{color:#ff0000;}

17.滑鼠滑過三級分類導航文字變換背景色代碼如下:
.popup-content .cats-tree .snd-cat-hd-hover{background:#000000;}

18.二級分類上加空間代碼如下:
.popup-content .cats-tree{margin:0 0 50px 0;}

19.修改「所有寶貝」右邊小圖標代碼如下:
.all-cats .link .popup-icon{background:url(圖片連接);}

20.修改二級分類右側圖標代碼如下(有三級分類才會顯示):
.popup-content .cats-tree .fst-cat-icon{background:url(圖片連接);}

22.在三級分類前加上小塊白色代碼如下:
.popup-content .cats-tree .snd-cat-icon{display:block;height:3px;width:3px;}

23、激活項目的文字背景色(難看,所以none)、文字顏色(選白色)
.skin-box-bd .menu-list .menu-selected .link .title{background:none;color:white;}

24、激活項目的項目背景色(項目框),選紫色
.skin-box-bd .menu-list .menu-selected .link{background:purple;}

補充內容
-------------------------------------------------------------------------------------------
隱藏導航上,所有分類的導航: .all-cats{display:block;overflow:hidden;width:0;height:0;}
這個改完 所有分類是會被隱藏。但是如果你導航條用了其他顏色,導致和原來模版顏色不一樣。那麼可以添加一行: .skin-box-bd{width:200px;}

希望可以綁定石你

㈣ 網頁中當滑鼠經過時,字體變色的代碼

onMouseOver=this.style.backgroundColor='#DCECF4'; onMouseOut=this.style.backgroundColor=''
隨便套用:
<tr onMouseOver=this.style.backgroundColor='#DCECF4'; onMouseOut=this.style.backgroundColor=''>

<td onMouseOver=this.style.backgroundColor='#DCECF4'; onMouseOut=this.style.backgroundColor=''>

<a onMouseOver=this.style.backgroundColor='#DCECF4'; onMouseOut=this.style.backgroundColor=''>xxxxxxx</a>

㈤ 淘寶導航CSS代碼設置

設置導航條的背景色

/* 導航欄背景色*/

.skin-box-bd .menu-list .link{background: none repeat scroll 0 0 #00ad08;}

/* 導航列表背景色*/

.skin-box-bd .menu-list{background: none repeat scroll 0 0 #00ad08;}

/*導航條最右邊的一部分背景*/

.skin-box-bd{background:#000000;}
--------------------------------------------------------------------------
設置導航條內的「所有分類」

/*所有分類背景色*/

.all-cats .link{background: none repeat scroll 0 0 #00ad08;}

/*所有分類文字樣式*/

.all-cats .title{color:#顏色代碼;font-size:字型大小px;}

修改「所有寶貝」右邊小圖標代碼如下:

.all-cats .link .popup-icon{background:url(圖片連接);}
------------------------------------------------------------------------------
設置導航條內的一級分類

/*一級分類的分隔線,實際上就是右邊框的顏色*/

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

/*一級分類的文字樣式*/

.skin-box-bd .menu-list .menu .title{color:#顏色代碼;font-size:字型大小px;}

/*一級分類所在的li 列表的背景色*/

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

/*一級分類所在的li 列表的文字背景色*/

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

修改一級分類的寬度:
.menu-list .menu{background:#顏色;margin:0;padding:0px 增加的寬度px;}

滑鼠滑過一級分類導航文字變換背景色代碼如下:
.menu-list .menu-hover .link{background:#000000;}

滑鼠滑過一級分類導航文字變換顏色代碼如下:
.menu-list .menu-hover .link .title{color:#FFFFFF;}

---------------------------------------------------------------------------------
設置二級分類的樣式

二級分類文字代碼如下:

.popup-content .cats-tree .fst-cat .cat-name{font-size:字型大小px;color:#顏色代碼;font-weight:bold/bolder/normal;}

二級分類背景代碼如下:

.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{margin:0 0 50px 0;}

修改二級分類右側圖標代碼如下(有三級分類才會顯示):

.popup-content .cats-tree .fst-cat-icon{background:url(圖片連接);}

----------------------------------------------------------------------------------
設置三級分類的樣式

三級分類文字代碼(除去「所有寶貝」分類)如下
.popup-content .cats-tree .snd-pop-inner{font-size:字型大小px;color:#顏色代碼;font-weight:bold/bolder/normal;}

三級分類文字代碼(包括「所有寶貝」分類字體大小)這樣就無法改變字體顏色,我們會繼續完善該代碼!如下
.popup-content .cats-tree .snd-pop-inner{font-size:字型大小px;color:#顏色;}
三級分類背景代碼:

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

滑鼠滑過三級分類導航文字變換背景色代碼如下:

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

在三級分類前加上小塊白色代碼如下:

.popup-content .cats-tree .snd-cat-icon{display:block;height:3px;width:3px;}

閱讀全文

與淘寶滑鼠經過變色代碼相關的資料

熱點內容
zemax宏編程有什麼用 瀏覽:874
做保函為什麼要獲取招標文件 瀏覽:921
魔獸世界數據是哪個文件夾 瀏覽:439
oppor9s手機系統升級 瀏覽:728
文件上傳ie8 瀏覽:619
cleanmymac恢復文件 瀏覽:241
win10裝虛擬機沒有網路 瀏覽:283
安排什麼意思網路語言 瀏覽:837
順豐常州寄份文件到廣州多少錢 瀏覽:73
wow110掛機升級 瀏覽:967
請問有什麼app可以壓縮視頻 瀏覽:195
凱美瑞藍牙連接不了蘋果手機啊 瀏覽:923
手機無法搜索到網路列印機驅動 瀏覽:411
pdf文件如何將背景灰色的變成透明 瀏覽:269
南漳如何網路推廣 瀏覽:525
如何保存vba中的資料庫密碼 瀏覽:22
acer平板為什麼微信打不開 瀏覽:699
國外政府app 瀏覽:118
龍之谷如何玩轉90版本 瀏覽:486
如何進入今日頭條app發新聞 瀏覽:561

友情鏈接