当鼠标移动一段时间后，用jQuery隐藏div元素？

我有一个广播video网站，有一个菜单，当鼠标移动一段时间（比方说10秒）时，应该隐藏它。 同样，它应该出现在鼠标移动的状态。 使用css和jQuery执行该操作的最佳方法是什么？ 先感谢您。

Answer 1

看一下mousemove事件。 你可以尝试这样的事情：

 var i = null; $("#element").mousemove(function() { clearTimeout(i); $("#menu").show(); i = setTimeout(function () { $("#menu").hide(); }, 10000); }).mouseleave(function() { clearTimeout(i); $("#menu").hide(); }); 

演示： http ： //jsfiddle.net/AMn9v/6/