背景淡入后淡入

Fade in after background fade in

本文关键字：淡入 背景      更新时间：2023-09-26

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

我想我已经把所有的代码都准备好了，javascript也正确无误。实际上，我希望它能让我添加到网站的导航栏和内容在初始背景淡入后淡入。

你知道我需要在我的html中移动一些东西吗？或者我怎样才能做到这一点？我想我离得到我想要的不远了

要开始一个又一个动画，可以使用.fadeIn()的回调（或任何效果函数）。类似于：

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

或者（更容易阅读）：

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

div1将淡入，当它结束时，div2将开始淡入。

查看文档：http://api.jquery.com/fadeIn/

我用这个来淡化jQuery中的内容。。。专业人士会告诉你这是一个可怕的做法。。。因为div最初设置为display: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>

尝试jQuery 的回调函数

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