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

У меня есть сайт вещания видео, с меню, которое должно быть скрыто, когда мышь не движется некоторое время (скажем, 10 секунд). Кроме того, он должен появиться обратно, с движением мыши. Каков наилучший способ выполнить это, используя css и jQuery? Заранее спасибо.

10
css javascript jquery menu show-hide

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/

22