Question

的jsfiddle：

当你从蓝色div的顶部悬停并且不移动鼠标时，文本会淡入，淡出然后进入。我不知道为什么。

<html>

Answer 1

$("#menu, #arrow").mouseenter(function () {
    $('#arrow').stop(true, false).fadeOut("fast");
    $("body").children(':not(#menu)').children(':not(#arrow)').css("-webkit-filter", "blur(2px)");
    $("#menu").stop().animate({
        width: "300px"
    }, 300, function () {
        $('.text').fadeIn(200);
    });
})
$("#menu").mouseleave(function () {
    $("#menu").stop().animate({
        width: "5px"
    }, 300, function () {
        $('#arrow').stop(true, false).fadeIn("slow");
    });
    $("body").children(':not(#menu)').css("-webkit-filter", "none");
    $('.text').fadeOut(100);
});

你的选择器很奇怪。因此，悬停在菜单和箭头上都会触发。试试这个：http://jsfiddle.net/ZcbUW/2/

Answer 2

删除此行：

$('.text').fadeOut(100);

以你的榜样为我工作。

淡入（）;然后消失然后回来？

2 个答案: