javascript - 鼠标离开后jQuery框淡出/淡入闪烁

Question

如何使它在鼠标悬停时淡出并在鼠标离开时再次淡入？ 我的 jsFiddle

$(function() {
var box = $('#box');

box.on('mouseover', function() {
    box.fadeOut(500);
});
box.on('mouseleave', function() {
    box.fadeIn(500);
});
});

Answer 1

$(function() {
    $('#box').on('mouseenter mouseleave', function() {
        $(this).stop().fadeToggle();
    });
});

小提琴

Answer 2

试试这个：

$(function() {
    var box = $('#box');
    box.hover(function() {
        $(this).fadeOut(500);

    }, function() {
        $(this).stop().fadeIn(500);

    });
});

看到这个小提琴