导航点击切换雪碧图跟字体颜色怎么做？

Question

如图，不过图上是四个页面。现在我想做的是在一个页面中点击图标跟字体颜色都改变。

然后图标是用雪碧图做的

下面是代码截图，主要看雪碧图的吧

Answer 1

background-position 改变背景位置，做两套，一个是灰色的，一个是填色的

字体就直接用color去做就好

另外不想用两套图，可以用css的遮罩去做，但是兼容性不是很好

既然你都写了background-position的一套类了，就去切换类就好了啊

Answer 2

$(".sctop li").click(function(){
        $(this).addClass("hover").siblings().removeClass("hover")
        var index = $(this).index();
        $(".spp .sp1:eq("+ index +")").css("height","auto").siblings().css("height","0px");
})

参考这个吧