jquery - 启动页面(不是我的想法)在进入网站的第一个实际页面之前使用 jQuery 淡入/淡出

Question

我正处于构建网站的最后阵痛期，客户想要一个启动页面。我的目的不是问为什么，我的目的是获得报酬并飞行......

所以，这是我正在寻找的事件顺序:

启动页面打开。 Logo 淡入。点击即可进入。 Logo 淡出。网站的第一个“真实”页面打开。

我已经完成了前三个事件，还有第四个。它让 Logo 在打开第一个实际页面之前淡出。

这是我得到的:

<div class="logo_container link" data="commercials.php">
<img src="images/logo_intro.jpg" alt="intro" />
</div>

<script type="text/javascript">

$(function() {

    $('.logo_container').hide();

    $('.logo_container').fadeIn(1000);

   $(".link").click(function(e) {
        $('.logo_container').fadeOut(1000);
        window.location = $(this).attr("data");
    });
});

</script>

</div>

但我没有淡出。它只是跳转到window.location中调用的属性，即commercials.php。

Answer 1

您必须在回调方法中使用window.location，如下所示:

$(".link").click(function(e) {
        $('.logo_container').fadeOut(1000, function(){
           window.location = $(this).attr("data");
        }); 
});

否则 window.location 将与淡出事件同时调用