0

我在我的网站上使用 JS 来根据鼠标位置更改背景颜色。

这是JS：

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

它工作正常，但我无法定义我想要的颜色，除非我尝试更改计算但它真的不精确和随机......

这是一个jsfiddle：http: //jsfiddle.net/BrZjJ/33/

我想要的是背景使用相同的 X 和 Y 位置改变颜色，但在两个固定颜色 RGB（252,2,252）和 RGB（23,253,23）之间。

当鼠标位于左上角 RGB (252,2,252) 时，当鼠标位于右下角 RGB (23,253,23) 时，移动鼠标时颜色逐渐从第一种颜色变为第二种颜色。

我在网上找不到任何东西可以做到这一点......有人可以帮我吗？感谢您的帮助

4

0 回答 0