javascript - Wie ändere ich das Sprite-Bild und die Schriftfarbe, indem ich auf die Navigation klicke?

Question

Wie im Bild gezeigt, aber das Bild enthält vier Seiten. Was ich jetzt tun möchte, ist auf das Symbol zu klicken und die Schriftfarbe auf einer Seite zu ändern.

Dann besteht das Symbol aus Sprite

Das Folgende ist ein Screenshot des Codes, hauptsächlich für Sprite-Bilder

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");
})

参考这个吧