jQuery mousemove-基于鼠标位置应用CSS过滤器

我正在尝试设置一个非常简单的mousemove事件，它根据鼠标位置将过滤器：（XXdeg）CSS应用于我的背景div。我在过去用背景色成功地做到了这一点，但它似乎不适用于过滤器属性

以下是我所拥有的：

$(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);
    $(".bg").css("filter", "hue-rotate(" + (255 - $pageX) + ")");
});

如果有人能指出我在这方面的错误，我将不胜感激。应用此代码的页面位于此处：

---

谢谢

您必须指定什么单位为255，在这种情况下，

deg

（度）

---

我刚试过那段代码，你唯一缺少的是过滤值后面的“deg”单位

var $document = $(document);

$document.mousemove(function(e) {
    var width = $document.width() / 255;
    var pageX = e.pageX / width;
    var value = 255 - pageX;

    $(".bg").css("filter", "hue-rotate(" + value + "deg)");
});

---

你知道你已经实现了2个fb像素吗？事实上，我刚刚意识到你正在尝试实现一个从0到255的值，但是色调过滤器的最大值是360。记住这一点：v

var $document = $(document);

$document.mousemove(function(e) {
    var width = $document.width() / 255;
    var pageX = e.pageX / width;
    var value = 255 - pageX;

    $(".bg").css("filter", "hue-rotate(" + value + "deg)");
});