Javascript 淡出后的进展

Javascript 淡出后的进展,javascript,jquery,Javascript,Jquery,我不想在淡出完成时调用animate函数。不是在它消失的时候。我认为fadeOut中的“progress”功能是正确的。有人能帮我吗?我不知道如何在我的代码上应用“progress”函数 $(".intro").animate({height:'100%', width:'100%'}, 2000, function(){ $(this).append("<div class='text'>Welcome to Progressbar_v1</div&g

我不想在淡出完成时调用animate函数。不是在它消失的时候。我认为fadeOut中的“progress”功能是正确的。有人能帮我吗?我不知道如何在我的代码上应用“progress”函数

$(".intro").animate({height:'100%', width:'100%'}, 2000, function(){
            $(this).append("<div class='text'>Welcome to Progressbar_v1</div>"); $(".text").css({"height":"23px","width":"auto","position":"absolute","top":"0","left":"0","bottom":"0","right":"0","margin":"auto"}).animate({fontSize:'3em'},"slow");
            $(".text").fadeOut(4000);
});
$(".intro").animate({height:'30px', width:'500px'}, 2000);
$(“.intro”).animate({height:'100%',width:'100%},2000,function(){
$(this).append(“欢迎使用Progressbar_v1”);$(.text”).css({“高度”:“23px”,“宽度”:“自动”,“位置”:“绝对”,“顶部”:“0”,“左侧”:“0”,“底部”:“0”,“右侧”:“0”,“边距”:“自动”));
$(“.text”).fadeOut(4000);
});
$(“.intro”).animate({高度:'30px',宽度:'500px',2000);
使用
.fadeOut()
回调

$(".intro").animate({height:'100%', width:'100%'}, 2000, function(){
            $(this).append("<div class='text'>Welcome to Progressbar_v1</div>"); $(".text").css({"height":"23px","width":"auto","position":"absolute","top":"0","left":"0","bottom":"0","right":"0","margin":"auto"}).animate({fontSize:'3em'},"slow");
            $(".text").fadeOut(4000, function() {
                 $(".intro").animate({height:'30px', width:'500px'}, 2000);
            });
});
$(“.intro”).animate({height:'100%',width:'100%},2000,function(){
$(this).append(“欢迎使用Progressbar_v1”);$(.text”).css({“高度”:“23px”,“宽度”:“自动”,“位置”:“绝对”,“顶部”:“0”,“左侧”:“0”,“底部”:“0”,“右侧”:“0”,“边距”:“自动”));
$(“.text”).fadeOut(4000,函数(){
$(“.intro”).animate({高度:'30px',宽度:'500px',2000);
});
});
使用
.fadeOut()
回调

$(".intro").animate({height:'100%', width:'100%'}, 2000, function(){
            $(this).append("<div class='text'>Welcome to Progressbar_v1</div>"); $(".text").css({"height":"23px","width":"auto","position":"absolute","top":"0","left":"0","bottom":"0","right":"0","margin":"auto"}).animate({fontSize:'3em'},"slow");
            $(".text").fadeOut(4000, function() {
                 $(".intro").animate({height:'30px', width:'500px'}, 2000);
            });
});
$(“.intro”).animate({height:'100%',width:'100%},2000,function(){
$(this).append(“欢迎使用Progressbar_v1”);$(.text”).css({“高度”:“23px”,“宽度”:“自动”,“位置”:“绝对”,“顶部”:“0”,“左侧”:“0”,“底部”:“0”,“右侧”:“0”,“边距”:“自动”));
$(“.text”).fadeOut(4000,函数(){
$(“.intro”).animate({高度:'30px',宽度:'500px',2000);
});
});
使用
.fadeOut()
回调

$(".intro").animate({height:'100%', width:'100%'}, 2000, function(){
            $(this).append("<div class='text'>Welcome to Progressbar_v1</div>"); $(".text").css({"height":"23px","width":"auto","position":"absolute","top":"0","left":"0","bottom":"0","right":"0","margin":"auto"}).animate({fontSize:'3em'},"slow");
            $(".text").fadeOut(4000, function() {
                 $(".intro").animate({height:'30px', width:'500px'}, 2000);
            });
});
$(“.intro”).animate({height:'100%',width:'100%},2000,function(){
$(this).append(“欢迎使用Progressbar_v1”);$(.text”).css({“高度”:“23px”,“宽度”:“自动”,“位置”:“绝对”,“顶部”:“0”,“左侧”:“0”,“底部”:“0”,“右侧”:“0”,“边距”:“自动”));
$(“.text”).fadeOut(4000,函数(){
$(“.intro”).animate({高度:'30px',宽度:'500px',2000);
});
});
使用
.fadeOut()
回调

$(".intro").animate({height:'100%', width:'100%'}, 2000, function(){
            $(this).append("<div class='text'>Welcome to Progressbar_v1</div>"); $(".text").css({"height":"23px","width":"auto","position":"absolute","top":"0","left":"0","bottom":"0","right":"0","margin":"auto"}).animate({fontSize:'3em'},"slow");
            $(".text").fadeOut(4000, function() {
                 $(".intro").animate({height:'30px', width:'500px'}, 2000);
            });
});
$(“.intro”).animate({height:'100%',width:'100%},2000,function(){
$(this).append(“欢迎使用Progressbar_v1”);$(.text”).css({“高度”:“23px”,“宽度”:“自动”,“位置”:“绝对”,“顶部”:“0”,“左侧”:“0”,“底部”:“0”,“右侧”:“0”,“边距”:“自动”));
$(“.text”).fadeOut(4000,函数(){
$(“.intro”).animate({高度:'30px',宽度:'500px',2000);
});
});

淡出的第二个参数采用动画完成时执行的功能

将您的代码放在那里,有关更多信息,请参阅文档

$(“.intro”).animate({height:'100%',width:'100%},2000,function(){
$(this).append(“欢迎使用Progressbar_v1”);$(.text”).css({“高度”:“23px”,“宽度”:“自动”,“位置”:“绝对”,“顶部”:“0”,“左侧”:“0”,“底部”:“0”,“右侧”:“0”,“边距”:“自动”));
$(“.text”).fadeOut(4000,函数(){
$(“.intro”).animate({高度:'30px',宽度:'500px',2000);
});
});

淡出的第二个参数采用动画完成时执行的功能

将您的代码放在那里,有关更多信息,请参阅文档

$(“.intro”).animate({height:'100%',width:'100%},2000,function(){
$(this).append(“欢迎使用Progressbar_v1”);$(.text”).css({“高度”:“23px”,“宽度”:“自动”,“位置”:“绝对”,“顶部”:“0”,“左侧”:“0”,“底部”:“0”,“右侧”:“0”,“边距”:“自动”));
$(“.text”).fadeOut(4000,函数(){
$(“.intro”).animate({高度:'30px',宽度:'500px',2000);
});
});

淡出的第二个参数采用动画完成时执行的功能

将您的代码放在那里,有关更多信息,请参阅文档

$(“.intro”).animate({height:'100%',width:'100%},2000,function(){
$(this).append(“欢迎使用Progressbar_v1”);$(.text”).css({“高度”:“23px”,“宽度”:“自动”,“位置”:“绝对”,“顶部”:“0”,“左侧”:“0”,“底部”:“0”,“右侧”:“0”,“边距”:“自动”));
$(“.text”).fadeOut(4000,函数(){
$(“.intro”).animate({高度:'30px',宽度:'500px',2000);
});
});

淡出的第二个参数采用动画完成时执行的功能

将您的代码放在那里,有关更多信息,请参阅文档

$(“.intro”).animate({height:'100%',width:'100%},2000,function(){
$(this).append(“欢迎使用Progressbar_v1”);$(.text”).css({“高度”:“23px”,“宽度”:“自动”,“位置”:“绝对”,“顶部”:“0”,“左侧”:“0”,“底部”:“0”,“右侧”:“0”,“边距”:“自动”));
$(“.text”).fadeOut(4000,函数(){
$(“.intro”).animate({高度:'30px',宽度:'500px',2000);
});
});