Question

我正在整理这个网站：www.mccraymusic.com/newsite，我正在努力使导航栏（我知道没有样式）在后台淡入后淡入。相反它似乎想淡出

我认为我已经准备好所有代码并且javascript正确无误。我实际上想要它，以便在初始背景淡入发生后，我添加到网站的导航栏和内容将淡入。

我需要在我的HTML中移动一些东西吗？或者我怎样才能做到这一点？我认为我没有得到我想要的东西

Answer 1

要启动另一个动画，您可以使用.fadeIn()（或任何效果函数）的回调。类似的东西：

$( "#div1" ).fadeIn(function(){ $( "#div2" ).fadeIn(); });

或（更容易阅读）：

$( "#div1" ).fadeIn(function(){
    $( "#div2" ).fadeIn();
});

div1将会淡入，当它完成后，div2将开始淡入。

查看文档：{{3}}

Answer 2

我用这个来淡化jQuery的东西...专业人士会告诉你这是一个可怕的做法...因为你有div最初设置显示：none ...如果javascript关闭 - 那么它将永不褪色......但这很有效。如果它只是一个乐队或艺术家 - 很有可能 - 没有人会在IE 6上看这个网站等等...但是请查看no.js或者其他什么，并有一个备份计划。

 <!--fade in div-->
    <script type="text/javascript">
        $(document).ready(function() {
                $("#div-name").css("display", "none");
                $("#div-name").fadeIn(15000);
        });
    </script>

Answer 3

尝试jQuery的回调函数

<script type="text/javascript">
$(function() {
$("body.bg").fadeIn(200,function(){
$('.second').fadeIn()
});
});
</script>

在背景淡入后淡入

3 个答案: