Question

我是jquery的新手并且遇到以下代码问题。我想等待我的徽标加载然后淡入。在屏幕上保持一段时间，将其淡出然后在网站的其余部分淡入淡出。我需要等待加载徽标，因为我的第一个jquery文件在完成加载之前会在徽标中淡入淡出。我的jquery如下：

$("#logo").bind("load", function () {
    $(this).fadeIn(1500, function() { 
        $(this).delay(4500).fadeOut(1500, function() {

        $(".headerwrapperhome")
            .css({ opacity:0, visibility:"visible" })
            .animate({ opacity:1 }, "slow");

        $("#firstwrapper")
            .css({ opacity:0, visibility:"visible" })
            .animate({ opacity:1 }, "slow"); 

        });
    });
});

目前我所看到的都是黑屏（网站的背景颜色）

正如我所说，我是jquery的新手，所以它可能很容易解决。

感谢您的帮助

Answer 1

我玩了whitebOx提供的代码，这似乎提供了一个合适的解决方案。我的代码和他的熔炉：

$(document).ready(function () {


    $('#logo').hide(0).delay(3000).fadeIn(1500, function () {
        $(this).delay(4000).fadeOut (1500, function () {
            $(".headerwrapperhome, #firstwrapper")
  .css({ opacity:0, visibility:"visible" })
  .animate({ opacity:1 }, "slow");
        });
    });
});

Answer 2

关于jQuery很酷的事情是它允许你将函数链接在一起，并且一些函数（幸运的是在你的情况下“FadeIn / Out”带有一个回调函数）！

$(document).ready(function () {

    // simplest solution    
    $('img').hide(0).delay(3000).fadeIn(333, function () {
        $(this).fadeOut(333, function () {
            $('#content').fadeIn(333);
        });
    });

});

http://jsfiddle.net/whiteb0x/JRtGS/

等待徽标加载，淡入徽标，延迟后淡出然后在其余部分淡出

2 个答案: