Jquery Hover被推迟了

Question

http://wesbos.com/tf/shutterflow/?cat=3

当一个人悬停在一个图像上时.sef已经淡入。我使用jquery来改变不透明度，因为CSS在IE中不能用于此目的。

我的代码是：

$(document).ready(function () {
    $('.slide').hover(function () {
        $(".cover").animate({
            opacity: 0.7
        }, 300).fadeIn('300');
    }, function () {
        $(".cover").animate({
            opacity: 0
        }, 300).fadeOut('300');



    });
});

我希望淡入淡出即时，而不是等待1秒钟。有什么想法吗？

Answer 1

您有两个不同的动画顺序发生：第一个，.animate({ opacity: 0.7 }, 300)和第二个.fadeIn(300)。由于那些是竞争效果，它可能无助于让它们都运行。

如果.fadeIn()能够达到你想要的效果，请尝试使用：

$(document).ready(function() {
    $('.slide').hover(
        function() { $(".cover").fadeIn('300'); },
        function() { $(".cover").fadeOut('300'); }
    );
});