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()或类似内容.