我想实现这段代码https://codepen.io/giulianomlodi/pen/GaNOQp进入我的 wordpress 网站。现在,当我在同一文件夹中创建单独的 css 和 js 文件并将它们链接到 html 页面以显示它时,我什至不能让它出现。
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="./particle.css">
</head>
<!-- particles.js container -->
<body>
<!-- particles.js lib - https://github.com/VincentGarreau/particles.js -->
<script src="http://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
<script src="./particle.js"> </script>
</body>
当我尝试在浏览器上可视化 html 页面时,没有任何显示。
我不明白如何让它发挥作用。最终目的是显示在我的网站首页https://www.babbasons.com/而不是实际的视频动画。
有没有人可以帮助我?
最佳答案
您需要为 particle.js 添加 div 标签以了解在何处呈现元素。
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="./particle.css">
</head>
<!-- particles.js container -->
<body>
<div id="particles-js"></div>
<!-- particles.js lib - https://github.com/VincentGarreau/particles.js -->
<script src="http://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
<script src="./particle.js"> </script>
</body>
关于javascript - 如何在Wordpress主页中实现一个js动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56127614/