Скрыть элемент div с помощью jQuery, когда мышь не двигается в течение определенного периода времени?

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/