Javascript 淡出后的进展
我不想在淡出完成时调用animate函数。不是在它消失的时候。我认为fadeOut中的“progress”功能是正确的。有人能帮我吗?我不知道如何在我的代码上应用“progress”函数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
$(".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);
});
});