我已经看到了很多将particles.js(https://vincentgarreau.com/particles.js/)用作背景的示例。
我想要实现一些不同。我想在画布内而不是在画布上写文本。我需要将文本放在里面,因为我希望粒子从书写的文本中弹开,而不要落后于文本。
我打算慢慢显示文本。逐个字母。随着字母的出现,我希望粒子远离字母。类似于它们对鼠标移动的排斥方式。以下是当前代码:
<div class="position_relative">
<div id="particles-js" class="section"></div>
<div id="main_focus"> <!-- this is absolutely positioned -->
<h1 class="text-white ">Connecting you to the world wide web</h1>
</div>
</div>
<script src="js/particles.min.js"></script>
任何实现此目标的方向将不胜感激。
谢谢大家!
答案 0 :(得分:0)
使用javascript $("p").append("<b>Appended text</b>");
中的append或prepend方法添加文本
尝试一下。然后工作...