Question

网站首页导航菜单的问题，要求用js+css来实现如下效果

假如有3个链接A,B,C，每个链接后面都有背景图片，开始时A的背景图片和B，C一样，B,C是一样的，要求点击之后，假如点击B，此时B的背景变化，A，C变成一样，明白吗，这样的效果怎么实现。本人分不多了，求大家帮帮忙（A,B,C下面还有子菜单，暂且不计）

Answer 1

实现这个的关键点在于CSS中的A标样式，分别是：a:link、a:visited、a:hover和a : active，例如：
a:link{font-weight : bold ;text-decoration : none ;color : #c00 ;}
a:visited {font-weight : bold ;text-decoration : none ;color : #c30 ;}
a:hover {font-weight : bold ;text-decoration : underline ;color : #f60 ;}
a:active {font-weight : bold ;text-decoration : none ;color : #F90 ;}
以上语句分别定义了"链接、已访问过的链接、鼠标停在上方时、点下鼠标时"的样式。
你可以查资料看看

追问

其实这个导航菜单已经做好了，鼠标移上去也能实现背景切换，但是无论点击哪个按钮，按钮的背景状态都恢复到初始状态。代码可以看下我之前的提问，帮我看下该怎么修改代码？下面是提问的链接：http://zhidao.baidu.com/question/542668826?quesup2&oldq=1

Answer 2

你问的应该是tab标签；因为发的实例带图片，所以直接发链接好了

http://www.divcss5.com/css-texiao/texiao455.shtml

其他案例你也可以在里面找其他的

Answer 3

其实这个很简单的，但是这里有图片，所以就算代码写出来，你也不好实现的。

效果如下：

你要代码可在线联系我Q:1606083272