исчезнуть div, когда мышь еще

Question

Я сделал шоу-шоу на MouseMove. теперь мне нужно, чтобы оно исчезало, когда мышь не двигается. Я пробовал это, но проблема в том, что когда div находится в "fadeout-mood", он больше не отображается, когда я двигаю мышь.

есть кто-то, кто может мне помочь с этим?

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

фактическая страница здесь: http://www.martinsorensson.com/porrmyr/index.php

Пожалуйста, Martin

Answer 1

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

Answer 2

Я думаю, что для того, что вы хотите сделать, вы также должны остановить анимацию затухания при движении мыши:

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

Обратите внимание на звонок stop(). Это то, что вы искали?

РЕДАКТИРОВАТЬ: решение Дэвида лучше, чем мое, потому что fadeOut() устанавливает display на none, что, вероятно, не то, что вы хотите.

Answer 3

Отсутствуют скобки, попробуйте это:

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

или вы можете попробовать это:

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