我只想根据滚动更改背景颜色。
例如从红到蓝...
该代码有效,但如何将灰色更改为颜色?
http://fiddle.jshell.net/schmudde/ffk6phq0/ http://fiddle.jshell.net/schmudde/ffk6phq0/
$(document).ready(function(){
$(document).scroll(function() {
var alpha = Math.min(0.5 + 0.4 * $(this).scrollTop() / 210, 0.9);
var channel = Math.round(alpha * 255);
$("body").css('background-color', 'rgb(' + channel + ',' + channel + ',' + channel + ')');
});
});
要在颜色之间淡入淡出,您可以稍微调整代码以在通道之间淡入淡出,而不是将所有三个设置为相同的值。根据您的蓝色到红色示例,请参阅更新的小提琴:http://fiddle.jshell.net/j6tc4e9f/ http://fiddle.jshell.net/j6tc4e9f/
$(document).ready(function(){
$(document).scroll(function() {
var alpha = Math.min(0.0 + 0.4 * $(this).scrollTop() / 210, 0.9);
var channel = Math.round(alpha * 255);
var channel2 = 255 - Math.round(alpha * 255);
$("body").css('background-color', 'rgb(' + channel + ',' + 00 + ',' + channel2 + ')');
});
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)