0

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

画像にカーソルを合わせると、.cover がフェードインします。IE では CSS が機能しないため、jquery を使用して不透明度を変更します。

私のコードは次のとおりです。

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



    });
});

フェードインを1秒待つのではなく、瞬時にしたい。何か案は？

4

1 に答える 1

2

.animate({ opacity: 0.7 }, 300)firstと secondの 2 つの異なるアニメーションが連続して発生しています.fadeIn(300)。これらは競合する効果であるため、両方を実行してもおそらく何の役にも立ちません。

あなた.fadeIn()が望むことをするなら、それを使ってみてください：

$(document).ready(function() {
    $('.slide').hover(
        function() { $(".cover").fadeIn('300'); },
        function() { $(".cover").fadeOut('300'); }
    );
});
于 2009-08-24T01:40:35.437 に答える