jquery - 我想根据鼠标位置更改背景颜色

Question

这是我的代码:

$(document).mousemove(function(e){
    var $width = ($(document).width())/255;
    var $height = ($(document).height())/255;
    var $pageX = e.pageX / $width;
    var $pageY = e.pageY / $height;
    $("body").css("background-color", "rgb("+$pageX+","+$pageY+","+$pageX+")");
}); 

这种方法是有效的，除了鼠标移动似乎不会在每次移动时刷新。好像有点滞后，是不是我缺少什么设置？第 x 页和第 y 页乘以文档相对大小到 255，以便使用整个频谱。谢谢。

Answer 1

可能是因为您要取回分数。

尝试:

var $pageX = parseInt(e.pageX / $width,10);
var $pageY = parseInt(e.pageY / $height,10);

<强> jsFiddle example