鼠标静止时淡出div

Question

我在mousemove上做了一个div节目。现在我需要它在鼠标移动时淡出。我试过这个，但问题是当div处于“fadeout-mood”时，当我移动鼠标时它不再显示。

有人可以帮我这个吗？

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

实际页面位于：http://www.martinsorensson.com/porrmyr/index.php

请 马丁

Answer 1

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

Answer 2

缺少括号，试试这个：

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

或者你可以试试这个：

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

Answer 3

我认为对于你想要做的事情，你还必须停止鼠标移动时的淡化动画：

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

请注意stop()来电。这是你在找什么？

编辑：大卫的解决方案比我的好，因为fadeOut()将display设置为none，这可能不是您想要的。