javascript中的鼠标处理:我需要减轻页面的颜色

javascript中的鼠标处理:我需要减轻页面的颜色,javascript,html,Javascript,Html,基本上我的网页是空白的,完全是白色的 当我向左移动鼠标时,它会使背景变亮(白色)。你可以想到不透明和所有。或者,有一个进度条来处理亮度和亮度。最初,它应该是完全明亮的(导航栏类进度条应该在右端) 这是我的要求,朋友们,请帮帮我 提前谢谢 这只会起到一半的作用,您仍然需要考虑pageY的最小/最大允许值,但应该开始了 $(document).on('mousemove', function(e) { $("body").css("background-color", "rgba(128,1

基本上我的网页是空白的,完全是白色的

当我向左移动鼠标时,它会使背景变亮(白色)。你可以想到不透明和所有。或者,有一个进度条来处理亮度和亮度。最初,它应该是完全明亮的(导航栏类进度条应该在右端)

这是我的要求,朋友们,请帮帮我


提前谢谢

这只会起到一半的作用,您仍然需要考虑pageY的最小/最大允许值,但应该开始了

$(document).on('mousemove', function(e) {
    $("body").css("background-color", "rgba(128,128,"+e.pageY+",100)")
});

您甚至可能需要创建一个自定义函数来根据pageY值导出颜色,因为上面只是盲目地更改蓝色通道,如果您想让不支持rgba()的浏览器兼容,甚至可能转换为十六进制。

我想您指的是滑块,而不是进度条。到目前为止你试过什么?