javascript - 導航點擊切換雪碧圖跟字體顏色怎麼做？

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

參考這個吧