我已经制作了这个标题:https://www.youtube.com/watch?v=LOWjWRy_Kks并且在徽标的位置,我插入了一张黑色的图片。
当我向下滚动时,我希望此图像为白色(因为标题变为黑色),所以我制作了相同图像的白色版本。
但是我不知道在哪里插入图像。我一直在考虑将它插入到javascript代码中,如下所示:
$(window).on('scroll', function() {
if($(window).scrollTop()) {
$('nav').addClass('black');
}
else {
$('nav').removeClass('black');
}
})
如何使用javascript交换此白色图片?
答案 0 :(得分:0)
我还没有执行此代码,但我看到了视频,并提供了以下代码,以满足您的要求。
<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>