首页 >社区问答列表 >javascript - 导航点击切换雪碧图跟字体颜色怎么做?

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

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

然后图标是用雪碧图做的

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

  • 世界只因有你
  • 世界只因有你    2017-05-19 10:45:102楼

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

    字体就直接用color去做就好

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

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

    +0添加回复

  • 回复
  • 漂亮男人
  • 漂亮男人    2017-05-19 10:45:101楼

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

    参考这个吧

    +0添加回复

  • 回复