这个不用js实现，可以使用a标签和a标签的:hover 伪类。
使用a标签转化为块元素，并逐一设置背景图片，设置字体为灰色，
:hover 伪类里写蓝色背景图片，设置字体为蓝色。
如此你就可以做成这个效果了。
温馨提示：内容为网友见解，仅供参考
第1个回答 2015-11-20
这个简单，就使用jQuery吧
一个图片和文字 是一个div，比如<div class='cntr'>
首先我觉得你那些图标都是一个iconfont，而不是一张图片
默认样式就是灰色，另外定义一个样式为：
.active
{
color:blue
}
$('div.cntr').click(function(e){
// 把当前'.active'的删掉
// 把当前点击的target加上.active这个Class
})追问
一个图片和文字 是一个div，比如<div class='cntr'>
首先我觉得你那些图标都是一个iconfont，而不是一张图片
默认样式就是灰色，另外定义一个样式为：
.active
{
color:blue
}
$('div.cntr').click(function(e){
// 把当前'.active'的删掉
// 把当前点击的target加上.active这个Class
})追问
我不会写啊 你能帮我写好吗？
追答没那么多美国时间，自己去找找现成的，太多了。
相似回答
