Question

我正在尝试制作叠加动画，我将使用延迟逐渐淡化元素。问题是，元素不会褪色。我有几个显示的元素：无法启动，然后使用FadeIn将它们带入。它们不会消失，但它们只是弹出。这不好。

动画的催化剂是a.engine链接。当点击它时，动画开始于从背景图像中删除一个类（给它一个模糊并改变不透明度），然后各种元素淡入。最终我希望它自动向下滚动到一个锚点，但我会想一想。就目前而言，它只是缺乏褪色让我感到困惑。

这是我正在使用的代码。

    $(function () {
        $("a.engine").click(function () {
            $("img.bg").removeClass("intro_effects").delay(500);
        $("h4.fade_out").delay(200).fadeOut("slow");
        $("h4.fadein").delay(500).fadeIn("slow");
            $("div.menu_container").delay(500).fadeIn("slow");
            $("div.main_content").delay(500).fadeIn("slow");
        $(".parallax1").delay(200).queue(function () {
                $(this).css("display", "block")
            });  
        });

网站本身就在这里：http://dev.mediaslave.ca/illustraflex

褪色是否有褪色的原因？也许与其他动画或其他东西组合？

Answer 1

你能尝试删除css吗？原因是fadeIn方法操纵了一个不透明的元素。如果你已经将不透明度作为元素的一部分，那么可能会干扰fadeIn动画。

淡出不衰落，只是消失

1 个答案: