jQuery के साथ div तत्व छुपाएं, जब माउस समय के लिए नहीं चल रहा है?

Question

मेरे पास एक मेनू के साथ एक प्रसारण वीडियो साइट है, जिसे छुपाया जाना चाहिए, जब माउस थोड़ी देर के लिए नहीं चल रहा है (10 सेकंड कहें)। साथ ही, माउस चाल के साथ, यह वापस दिखाई देना चाहिए। सीएसएस और 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/