Javascript 不活动时淡出鼠标光标（使用jQuery）

我有一个类为

fade object

的元素，当鼠标处于非活动状态一段时间（在本例中为5000毫秒）时，该元素将淡出，当鼠标再次移动时，该元素将淡入

这是我正在使用的代码：

       var timer;
        $(document).mousemove(function() {
            if (timer) {
                clearTimeout(timer);
                timer = 0;
            }

            $('.fade-object').fadeIn();
            timer = setTimeout(function() {
                $('.fade-object').fadeOut()
            }, 5000)
        })

---

如何使鼠标光标以相同的方式淡入淡出，与我的

淡入淡出对象

div同步？

通过jQuery延迟应用

光标：无

。不要认为有可能使它消失

此css属性的使用仅限于Firefox 3+、Safari 5+和Chrome 5+。 IE中不支持它（如上所述）

我举了一个例子，在我的浏览器中它不工作（linux上的Firefox 19.0.2），用尽可能多的浏览器测试它：）

---

无论如何，我不能推荐这样一种技术，对用户隐藏一些不属于用户界面的东西从来都不是一个好主意，如果您想一想，鼠标光标是操作系统UI的一部分。

在

html

的CSS中设置

光标：无

，并防止在

淡出

后直接发生的

鼠标移动

事件重新显示项目

---

出于某种原因，这似乎不起作用…带有.fade对象的div在淡出后立即淡入。已更新-出于某种原因，

fadeout

似乎导致触发

mousemove

。因此，我只有一个调用缓冲区，它在

淡出后忽略下一个
鼠标移动
。哇，谢谢！这就是mousemove射击的怪异之处。由于某种原因，光标对我来说仍然没有消失，即使是在小提琴中。这只是一种支持吗？我正在使用最新版本的Safari。我也注意到了这一点。我将其更改为
html
，而不是
body
。这对我来说似乎很有效。在不同的浏览器上可能会有一些问题。使用此链接进行测试。
$(function () {
    var timer;
    var fadeInBuffer = false;
    $(document).mousemove(function () {
        if (!fadeInBuffer) {
            if (timer) {
                clearTimeout(timer);
                timer = 0;
            }
            $('.fade-object').fadeIn();
            $('html').css({
                cursor: ''
            });
        } else {
            fadeInBuffer = false;
        }


        timer = setTimeout(function () {
            $('.fade-object').fadeOut()
            $('html').css({
                cursor: 'none'
            });
            fadeInBuffer = true;
        }, 5000)
    });
});