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 に答える