0

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

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

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

4

3 回答 3

3

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

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

或者（更容易阅读）：

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

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

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

于 2012-08-21T04:14:57.953 回答
0

我用它来用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>
于 2012-08-21T06:20:56.017 回答
0

试试jQuery的回调函数 

<script type="text/javascript">
$(function() {
$("body.bg").fadeIn(200,function(){
$('.second').fadeIn()
});
});
</script>
于 2012-08-21T06:24:20.793 回答