我正在创建这个网站: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>