淡出div當鼠標仍然

Question

我已經在mousemove做了一個div展示。現在我需要它在鼠標不移動時淡出。我試過這個，但問題是，當div處於「淡出心情」時，當我移動鼠標時它不會再顯示。

有人可以幫助我嗎？

$("#main_center").mousemove(function(){ 
    $("#menylist").show(""); 
    $("#menylist").fadeOut(5000); 

實際的頁面是在這裏：http://www.martinsorensson.com/porrmyr/index.php

請 馬丁

Answer 1

缺少括號，嘗試了這一點：

$("#main_center").mousemove(function(){ 
    $("#menylist").show(""); 
}); 
$("#menylist").fadeOut(5000); 

，或者你可以試試這個：

$("#main_center").mousemove(function(){ 
    $(this).fadeOut(1000, function() { 
     $(this).remove(); 
    }); 
}); 

Answer 2

$("#main_center").mousemove(function(){ 
    $("#menylist").stop().show().css('opacity',1).animate({ 
     opacity: 0 
    }, 5000); 
}); 

Answer 3

我認爲你想做的事，你也必須停止衰落動畫上的鼠標移動：

$('#main_center').mousemove(function(e) { 
    $('#menylist').stop().show(); 
    $('#menylist').fadeOut(5000); 
}); 

注意stop()電話。這是你在找什麼？

編輯：大衛的解決方案比我的更好，因爲​​設置display到none，這可能不是你想要的。