这是我的代码:
$(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,以便使用整个频谱。谢谢。
最佳答案
可能是因为您要取回分数。
尝试:
var $pageX = parseInt(e.pageX / $width,10);
var $pageY = parseInt(e.pageY / $height,10);
<强> jsFiddle example
关于jquery - 我想根据鼠标位置更改背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15509320/