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