1

我是 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 的新手，所以它可能很容易修复。

感谢您的帮助

4

2 回答 2

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");
        });
    });
});
于 2013-06-28T08:43:44.730 回答
0

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/

于 2013-06-27T19:29:29.433 回答