javascript中的鼠標處理：我需要減輕頁面的顏色

Question

基本上我的網頁是空白的，完全是白色的。

當我將鼠標移動到左側時，它應該減輕背景（白色）。你可以想到不透明和所有。或者，有一個進度條來處理亮點和增亮。最初它應該是全亮的（導航欄類型的進度條應該在右端）

這是我要求的朋友，請幫我出來。

在此先感謝！

Answer 1

嗯，這隻會半途而廢的工作，你仍然需要考慮pageY的最小/最大允許值，但應該讓你開始

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

你甚至可能需要創建一個自定義函數來獲得顏色基於pageY值，因爲上面只是盲目地改變藍色通道，甚至可能轉換爲十六進制，如果你想瀏覽器兼容性那些不支持rgba（）