Javascript 鼠标移动时更改渐变背景色

我试图有一个渐变，它的顶部和底部颜色根据光标的位置而改变。当使用

$（document.body.css（'background'，'rgb（'+rgb.join（'，'）+'））时，下面的函数可以工作更改背景，但我似乎无法使其与渐变一起工作。下面的代码是我为在Firefox中测试而设置的。我将在当前尝试为每个浏览器设置选项时更新代码


一个问题是您使用的javascript
.css
方法错误。它需要两个参数或一个对象。因此，它应该是：

$(document.body).css('background', '-moz-linear-gradient(top, rgb('+top.join(',')+'), rgb('+bottom.join(',')+'))');

或

除此之外，您的代码看起来基本正确。
谢谢您的快速回答！我刚刚意识到它看起来很时髦，哈哈，谢谢你的帮助，尽管我在把它送到工作场所时仍然有问题。我错过了另一件事。css渐变字符串缺少rgb部分。我已经更新了答案。喔！！谢谢你，现在是时候继续尝试了，这很有趣，谢谢你的帮助！
$(document.body).css('background', '-moz-linear-gradient(top, rgb('+top.join(',')+'), rgb('+bottom.join(',')+'))');

$(document.body).css({background : '-moz-linear-gradient(top, rgb('+top.join(',')+'), rgb('+bottom.join(',')+'))'});