javascript - 向下滚动时如何更改 Logo ？

Question

我有一个问题我自己解决不了，所以我需要你的帮助。在 my site ，我已经集成了向下滚动时更改标题背景和颜色的 JQuery，并且效果很好。但问题是，当有人向下滚动时，我还希望 Logo 更改为黑色版本。我试过这个 JQ:

jQuery(document).scroll(function(){
if(jQuery(this).scrollTop() > 300)
{   
   jQuery('#navigation').css({"background":"white"});
   jQuery('.menu-item').css({"color":"black"}); 
   jQuery('.site_logo').css({"-webkit-filter":"invert(.8)"}); 
  jQuery('.site_logo').css({"filter":"invert(.8)"});
} else {
   jQuery('#navigation').css({"background":"transparent"});
  jQuery('.menu-item').css({"color":"white"});
}
});

什么将白色反转为黑色，但红色反转为绿色，所以它不是我预期的那样。我有黑色版本的标志，所以我问你，当有人向下滚动时如何改变黑色标志？

Answer 1

你的意思是你如何访问 src 属性？

$('.site_logo').attr('src', 'BLACKLOGO.png');

jQuery(document).scroll(function(){
    if(jQuery(this).scrollTop() > 300)
    {   
       jQuery('#navigation').css({"background":"white"});
       jQuery('.menu-item').css({"color":"black"}); 
      jQuery('.site_logo').attr('src', 'http://deilbeatz.com/wp-content/uploads/2016/12/DeilBeatzwhite.png');
    } else {
       jQuery('#navigation').css({"background":"transparent"});
      jQuery('.menu-item').css({"color":"white"});
      jQuery('.site_logo').attr('src', 'http://deilbeatz.com/wp-content/uploads/2016/12/Deil-Beatz-‌​menu-logo-black.png');
    }
});

希望对您有所帮助，如果没有，请告诉我您需要什么，我会尽力提供帮助