javascript - Bagaimana untuk menukar imej sprite dan warna fon dengan mengklik pada navigasi?

Question

Seperti yang ditunjukkan dalam gambar, tetapi terdapat empat muka surat dalam gambar. Apa yang saya mahu lakukan sekarang ialah klik pada ikon dan tukar warna fon pada halaman.

Kemudian ikon itu diperbuat daripada sprite

Berikut ialah tangkapan skrin kod, terutamanya untuk imej Sprite

Answer 1

kedudukan latar belakang Tukar kedudukan latar belakang dan buat dua set, satu kelabu dan satu lagi berwarna

Hanya gunakan warna sebagai fon

Selain itu, jika anda tidak mahu menggunakan dua set gambar, anda boleh menggunakan css mask, tetapi keserasian tidak begitu baik

Sekarang anda telah menulis satu set kelas kedudukan latar belakang, tukar sahaja kelas tersebut

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

Sila rujuk ini