0

在这里的任何帮助将不胜感激。

我正在构建一个投资组合网站，我想在其中包含一个简短的 jquery 预加载器脚本来显示一个白色的覆盖屏幕 - 以及一个居中的 .gif 动画 - 在淡出 gif 之前几秒钟，然后覆盖显示主页在它后面。

我目前正在使用的脚本如下所示：

jQuery(window).load(function() { // makes sure the whole site is loaded
jQuery("#status").fadeOut("slow"); // will first fade out the loading animation
jQuery("#preloader").delay(400).fadeOut("slow"); // will fade out the white DIV that     
covers the website.
})

我可以添加一个 setTimeout 函数并将预加载器淡出延迟几秒钟，但是当我这样做时，#status 中提到的 .gif 不会出现。我的问题是：如何将 setTimeout 与这两个事件串在一起，以便当页面准备好时，允许 .gif 运行 3 秒，然后淡出，最后预加载器淡出。

希望这是有道理的。如果您还有其他问题，请告诉我。该站点当前位于本地开发服务器上，但如有必要，我可以截屏。

磷

4

1 回答 1

1

我认为你正在寻找这样的东西：

http://jsfiddle.net/yG2fH/

$(document).ready(function() {
    setTimeout(function() {
        $('#status').fadeOut('slow', function() {
            $('#preloader').fadeOut('slow');
        });   
    }, 3000);
});

fadeOut有两个参数的重载：首先是持续时间，然后是动画完成后运行的函数。

于 2013-07-16T01:08:19.493 回答