淘宝导航栏鼠标经过（鼠标 淘宝）

本文目录一览：

• 1、淘宝网店的导航条怎么做鼠标经过变色？QQ：872937696
• 2、求淘宝网店导航栏链接只能在当前窗口打开的代码，鼠标经过时图片会变色的代码，
• 3、在淘宝上如何实现鼠标滑过的切换效果？
• 4、淘宝首页的导航栏是怎样做出的效果？ 鼠标移动到字上面，后面就会有个方块效果？
• 5、淘宝的宝贝分类鼠标经过，图片变色，这个怎样弄，如图：

淘宝网店的导航条怎么做鼠标经过变色？QQ：872937696

a:hover {

text-decoration: none;

color: #FFFFFF;

background-color:#0000FF;

}

lia href="链接" target="_blnak"导航条文字/a/li

这段代码表示 原本背景色为白色 鼠标移动到导航条背景色就变为蓝色

求淘宝网店导航栏链接只能在当前窗口打开的代码，鼠标经过时图片会变色的代码，

/* 第一部分、静态背景颜色 */ /* 1、首页/店铺动态/其它导航类目的背景色，这里设为红色 */ .skin-box-bd .menu-list .link{background:red;} /* 2、所有分类的背景色（最左边的），一样设为红色 */ .all-cats .link{background:red;} /* 到这里，发觉右边的颜色还没有变呢，好的，接着下一步 */ /* 3、导航条整个分类段背景色，还是要设为红色，整体布局好看些 */ .skin-box-bd .menu-list{background:red;} /* 注意观察，最右边还有一丝地方没有变 */ /* 4、导航条背景色（是最底层了吧），修补导航右侧缺口，再设为红色 */ .skin-box-bd{background:red;} /* 小结：有点成功感了！换换其它颜色试试看吧 */ /* 背景色最好搭配页头背景图，才能整体大气美观 */ /* 第二部分、分隔线、静态文字的颜色 */ /* 5、首页等分类的右边的分隔线颜色，设为白色 */ .menu-list .menu{border-color:white;} /* 6、所有分类的右边的分隔线颜色，设为白色 */ .all-cats .link{border-color:white;} /* 7、首页/店铺动态/其它导航类目的文字颜色 */ .menu-list .menu .title{color:yellow;} /* 8、所有分类的文字颜色（最左边那个）,*/ .all-cats .link .title{color:yellow;} /* 小结：其实原来默认文字的颜色也挺好的 */ /* 第三部分、分类下的颜色 */

/* 9、二级分类的背景色，设为灰色 */ .popup-content{background:gray;} /* 10、三级分类的背景色，我设为深灰色 */ .popup-content .cats-tree .snd-pop-inner{background:#504f4f;} /* 11、二级分类的文字颜色，设为黄色 */ .popup-content .cat-name{color:yellow;} /* 12、三级分类的文字颜色。（如果后面要鼠标滑过变色21.22，这句要写） */ .popup-content .cats-tree .snd-pop-inner .cat-name{color:yellow;} /* 小结：上面这句不写，和二级分类颜色是一样的 */ /* 第四部分、鼠标滑过变背景色 */ /* 13、鼠标滑过首页/店铺动态/其它导航类目变换背景色，这设为蓝色 */ .menu-list .menu-hover .link{background:blue;} /* 14、鼠标滑过所有分类（最左边那个）变换背景色，这同样设为蓝色 */ .all-cats-hover .link{background:blue;} /* 15、鼠标滑过所有分类下的二级分类变换背景色，这设为蓝色 */ .popup-content .cats-tree .cat-hd-hover{background:blue;} /* 16、鼠标滑过所有分类下的三级分类变换背景色，这设为深蓝色 */ .popup-content .cats-tree .snd-cat-hd-hover{background:#160595;} /* 17、鼠标滑过导航类目下的宝贝分类变换背景色，这设为蓝色 */ .menu-popup-cats .sub-cat-hover{background:blue;} /* 小结：这个所有分类，与首页后面的，是要分开设计的 */ /* 第五部分、鼠标滑过变文字颜色 */ /* 18、鼠标滑过首页/店铺动态/其它导航类目变换文字颜色，这设为红色 */ .menu-list .menu-hover .title{color:red;}

/* 19、鼠标滑过所有分类（最左边那个）变换文字颜色，这同样设为红色 */ .all-cats-hover .link .title{color:red;} /* 20、鼠标滑过导航类目下的宝贝分类变换文字颜色，这设为红色 */ .menu-popup-cats .sub-cat-hover .cat-name{color:red;} /* 21、鼠标滑过所有分类下的二级分类变换文字颜色，这设为红色 */ .popup-content .cat-hd-hover .cat-name{color:red;} /* 22、鼠标滑过所有分类下的三级分类变换文字颜色，这设为红色 */ .popup-content .cats-tree .snd-cat-hd-hover .cat-name{color:red;} /* 小结：这部分还是默认白色的好看 */ /* 第六部分、导航项目激活状态 */ /* 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;} /* 小结：最多人忽视这部分，其实也是很多人想知道的 */ /* 总结：如果可以的话，搞个傻瓜式的编辑器，就不简单了吗 */ --------------------------------------------------------------------- 注1：颜色代码可以是英文单词，如white（白）、black（黑）、red（红）， 也可以是白色#ffffff、黑色#000000等等表示。 注2：背景色也可用图片，如：｛background:url(图片地址）;}

文件参考地址

在淘宝上如何实现鼠标滑过的切换效果？

如果是导航那种菜单要在CSS文件里写伪类别代码，就是a:link,a:hover这些就可以实现，如果是那种TAB菜单就要用js实现

淘宝首页的导航栏是怎样做出的效果？ 鼠标移动到字上面，后面就会有个方块效果？

是FLASH、很简单！就是一个按钮、可以分为“弹起”“鼠标经过”“按下”“点击”！DW毕竟不是专业做动画的！

淘宝的宝贝分类鼠标经过，图片变色，这个怎样弄，如图：

那个是导航css代码生成的

可以百度一下导航代码生成，然后编辑下自己喜欢的样式就可以了

完成后，复制下来

打开店铺装修，点导航

进入有个css，打开

黏贴代码进去，点保存

预览、发布就可以了。