Javascript/jQuery onload 函数删除/添加

Posted 2023-04-13

【中文标题】Javascript/jQuery onload 函数删除/添加

【英文标题】：Javascript / jQuery onload function delete / add

【发布时间】：2020-01-23 12:10:13

【问题描述】：

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

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

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

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

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

等等。

【问题讨论】：

使用 typeIt 来提供打字动画

你想要一个像闪烁的文本，对吧？

【参考方案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>

【参考方案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>