我们可能也浏览过其他除淘宝的购物网站，看到貌似别人的导航好看很多，鼠标经过会变换颜色的，那么我们淘宝店能实现这种功能吗？有没有什么要求，例如什么要基础班还是专业版的？这些都不需要，下面广州淘宝美工培训为你带来“淘宝导航条怎么做鼠标经过变色”。



.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;}