在javascript中修改颜色

在javascript中修改颜色,javascript,rgba,Javascript,Rgba,我正在使用一些我在网上找到的javascript,它会随着水平滚动位置的变化而改变网页的颜色。代码如下: $(document).ready(function($) { checkScroll = setInterval(function(){scrollHorizontal()},10); }); function scrollHorizontal() { maxScroll = $('.meh').width() - $('body').width(); scrolle

我正在使用一些我在网上找到的javascript,它会随着水平滚动位置的变化而改变网页的颜色。代码如下:

$(document).ready(function($) {
    checkScroll = setInterval(function(){scrollHorizontal()},10);
  });

function scrollHorizontal() {
  maxScroll = $('.meh').width() - $('body').width();
  scrolledHor = $(window).scrollLeft();
  backgroundOpacity = 'rgba(0,0,0,'+(scrolledHor / maxScroll)+')';
  $('body').css('background',backgroundOpacity);
  $('.pixels').html('Scrolled: '+scrolledHor+' pixels');

}
当页面慢慢变为黑色时,黑色文本变得不可见,因此我想到了在页面滚动时将文本颜色从黑色改为白色。为此,我修改了代码,使其具有两行额外的代码,以及相应的css。见下文:

$(document).ready(function($) {
    checkScroll = setInterval(function(){scrollHorizontal()},10);
  });

function scrollHorizontal() {
  maxScroll = $('.meh').width() - $('body').width();
  scrolledHor = $(window).scrollLeft();

  backgroundOpacity = 'rgba(0,0,0,'+(scrolledHor / maxScroll)+')';
  $('body').css('background',backgroundOpacity);

  textOpacity = 'rgba((255/maxScroll)*scrolledHor,(255/maxScroll)*scrolledHor,(255/maxScroll)*scrolledHor),1';
  $('table').css('color',textOpacity);

  $('.pixels').html('Scrolled: '+scrolledHor+' pixels');

}
但这似乎不起作用。我假设这与我使用的语法有关,但我以前从未使用过Javascript,所以不确定我做错了什么。有什么建议吗?

我想出来了

  co255 = (255/maxScroll)*scrolledHor;
  textOpacity = 'rgba('+co255+','+co255+','+co255+',1)';

可能是因为值是int而不是str?我是否需要执行以下操作:str(255/maxsroll)*scrolledHor)