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

Question

我有一个广播视频网站，带有一个菜单，当鼠标移动一段时间（比方说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/