0

jsfiddle：

http://jsfiddle.net/ZcbUW/

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

<html>
4

2 回答 2

3 
$("#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/

于 2013-03-01T00:14:26.720 回答
0

删除这一行：

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

用你的例子为我工作。

于 2013-03-01T00:10:04.297 回答