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

我有一个名为“#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()之类的内容。