Скрыть div элемент с помощью jQuery, когда мышь не движется в течение определенного периода времени?
У меня есть сайт вещания видео, с меню, которое должно быть скрыто, когда мышь не движется некоторое время (скажем, 10 секунд). Кроме того, он должен появиться обратно, с движением мыши. Что является лучшим способом, чтобы проанализировать, что с помощью CSS и jQuery? Заранее спасибо.
1 ответ:
Взгляните на
mousemove
событие. Вы можете попробовать что-то вроде этого:var i = null; $("#element").mousemove(function() { clearTimeout(i); $("#menu").show(); i = setTimeout(function () { $("#menu").hide(); }, 10000); }).mouseleave(function() { clearTimeout(i); $("#menu").hide(); });