Javascript 如何在显示另一个div后显示div
我正在尝试创建一个调查评估框 我做了一个div并在其中插入了4个标题。它们显示为“无” 调查共有四个问题,回答第四个问题后,将出现评估框 我想做的是当eval div出现时,它必须显示(问题1有效…然后在1秒后问题2有效…等等),然后结果框必须出现 希望你明白我想说的 现在我可以站起来显示评估框,但不能显示动画部分。我是jquery新手,我没有任何逻辑步骤,所以我可以遵循它们 我感谢任何形式的帮助。提前感谢您抽出时间 以下是我尝试建模的页面的链接: 在完成调查评估部分的4个问题后,我无法建模Javascript 如何在显示另一个div后显示div,javascript,jquery,Javascript,Jquery,我正在尝试创建一个调查评估框 我做了一个div并在其中插入了4个标题。它们显示为“无” 调查共有四个问题,回答第四个问题后,将出现评估框 我想做的是当eval div出现时,它必须显示(问题1有效…然后在1秒后问题2有效…等等),然后结果框必须出现 希望你明白我想说的 现在我可以站起来显示评估框,但不能显示动画部分。我是jquery新手,我没有任何逻辑步骤,所以我可以遵循它们 我感谢任何形式的帮助。提前感谢您抽出时间 以下是我尝试建模的页面的链接: 在完成调查评估部分的4个问题后,我无法建模 再
再次感谢有不同的方法可以做到这一点,这里有一个简单的方法,通过调用
fadeIn
和fadeOut
并在淡入淡出中进行以下div淡入。
有关详细信息,请参见代码段:
$('.results').hide();
$('.results.first').fadeIn(1000).fadeOut(2000,function(){
$('.results.second').fadeIn(1000).fadeOut(2000,function(){
$('.results.third').fadeIn(1000).fadeOut(2000,function(){
$('.results.fourth').fadeIn(1000).fadeOut(2000,function(){
})
})
})
});代码>
问题1结果
问题2结果
问题3结果
问题4结果