根据滚动内容背景颜色更改徽标img

Question

提前感谢任何建议， 我有一个固定的徽标img作为一个透明背景的png和一些内容滚动后面有不同颜色的div。是否可以根据img后面滚动内容的背景颜色更改img标签的src属性？

Answer 1

是的，你可以

$( element).scroll(function() {
  if(hexc($(this).css("background-color"))=="#ffffff"){
     $(image).attr('src','new_img_source');
   }
   else if(hexc($(this).css("background-color"))=="#ffff00"){
     $(image).attr('src','new_img_source');
   }
 //and so on
});

请注意，hexc函数用于将rgb值（返回）转换为十六进制值。