Question

我已经制作了这个标题：https://www.youtube.com/watch?v=LOWjWRy_Kks并且在徽标的位置，我插入了一张黑色的图片。

当我向下滚动时，我希望此图像为白色（因为标题变为黑色），所以我制作了相同图像的白色版本。

但是我不知道在哪里插入图像。我一直在考虑将它插入到javascript代码中，如下所示：

    $(window).on('scroll', function() {
    if($(window).scrollTop()) {
      $('nav').addClass('black');
    }
    else {
      $('nav').removeClass('black');
    }
  })

如何使用javascript交换此白色图片？

Answer 1

我还没有执行此代码，但我看到了视频，并提供了以下代码，以满足您的要求。

<script type="text/javascript">
    $("#logoimageid").attr('src', 'blacklogo.jpg');//this will not required if default 'blacklogo.jpg' src alerady set in img tag 
     $(window).on('scroll', function() {
    if($(window).scrollTop()) {
      $("#logoimageid").attr('src', 'whitelogo.jpg');
    }
    else {
      $("#logoimageid").attr('src', 'blacklogo.jpg');
    }
  })
</script>

如何使用javascript交换图片

1 个答案: