js+css 怎么实现图片切换

Question

点击关于医院 字变成蓝色 上面的小图片也变成蓝色的图片 前面蓝色的变成灰色 怎么用js实现

Answer 1

这个不用js实现，可以使用a标签和a标签的:hover 伪类。

使用a标签转化为块元素，并逐一设置背景图片，设置字体为灰色，


:hover 伪类里写蓝色背景图片，设置字体为蓝色。

如此你就可以做成这个效果了。

Answer 2

这个简单，就使用jQuery吧
一个图片和文字 是一个div，比如<div class='cntr'>
首先我觉得你那些图标都是一个iconfont，而不是一张图片
默认样式就是灰色，另外定义一个样式为：
.active
{
color:blue
}

$('div.cntr').click(function(e){
// 把当前'.active'的删掉
// 把当前点击的target加上.active这个Class
})

追问

我不会写啊 你能帮我写好吗？

追答

没那么多美国时间，自己去找找现成的，太多了。