58问答库 > 怎么在css中定义导航中鼠标点击后背景图片改变为固定图片，点击另一个按钮时再恢复

怎么在css中定义导航中鼠标点击后背景图片改变为固定图片，点击另一个按钮时再恢复

2024-11-20 12:35:21

推荐回答（5个）

回答（1）：

鼠标点击为onclick事件，可以根据下面的方法来进行设置

给改导航栏设置相应的点击事件onclick="a()"
在js中写相应的方法，将该导航的背景替换掉；function a(){...}
重复上面样式给每个按钮设置相应的点击事件，事件里更换背景即可

回答（2）：

要用JS或者JQ，用css很麻烦，最重要的是 IE6是不支持的

回答（3）：

这个问题应该从这里说起：我们常见的网页导航，它会存在一个当前页效果，指明当前页在导航中的位置（比如百度知道这个页面，“知道”就是以14号加粗来突出显示，以区别其它），当然用图片当背景也是可以的，我们可以通过CSS定义a:hover{}和a:active{}，也就是当鼠标移上和点击这个链接时都改变为固定的图片，这个通过CSS是可以实现的，但是楼主想通过点击另一个按钮恢复之前按钮的样式，那么这个只通过CSS就实现不了了，目前为至css还没有这么强大，我们可以通过javascript、jquery来实现这一操作。

回答（4）：

这个要用JS实现的。纯css不行

回答（5）：

jquery中 hover可以实现