Question

我在我的网站上使用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）时，移动鼠标时颜色从第一种颜色逐渐变为第二种颜色。

我在网上找不到任何东西来做这件事...... 任何人都可以帮我这个吗？谢谢你的帮助

背景颜色随着2种RGB颜色之间的鼠标位置而变化

0 个答案: