Jquery：当鼠标空闲时如何使某些东西淡出。当鼠标再次移动时，它会消失！

Question

我有一个名为“#top”的div。当鼠标空闲 3秒钟时，我希望它淡出。当鼠标再次移动时，使其显示（当然，淡入淡出）

有谁知道怎么做？

非常感谢。

Answer 1

使用setTimeout，将返回值保存在某处（当鼠标再次移动时，使用clearTimeout取消它）：

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

    $('#top:visible').fadeIn();
    timer = setTimeout(function() {
        $('#top').fadeOut()
    }, 3000)
})

你需要在$(document).ready()之内或类似内容。