Javascript/jQuery onload 函数删除/添加

Question

我正在尝试通过删除一个然后添加另一个然后删除当前的然后添加另一个像循环来做动画。 我可以用按钮来做到这一点，但就像我说的，我想要它像动画一样。

$("#div1").remove();

$("#div2").prepend("Some prepended text.");

$("#div2").remove();

$("#div3").prepend("Some prepended text.");

等等。

Answer 1

你可以使用slideDown和slideUp

 $("#div1").slideUp("slow"); $("#div1").slideDown("slow");

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="div1">Some prepended text</div>

Answer 2

您可以使用回调函数。 在这段代码中，它会在 2000 秒内向上滑动，然后快速向下滑动

 $("#div").slideUp(2000 , function(){ //its a callback function $("#div").slideDown("fast"); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="div">Some prepended text</div>