创建日期
Aug 3, 2024 08:48 AM
备注
自定义头部HTML标签：格式通常为
<script></script>
<link></link>
不支持直接粘贴JS脚本，JS脚本请使用GLOBAL_JS
配置附件
启用
启用
配置值
<!-- 引入 Particles.js 库 --> <script src="https://cdnjs.cloudflare.com/ajax/libs/particlesjs/2.2.3/particles.min.js"></script> <!-- 初始化 Particles.js --> <script data-pjax defer> window.onload = function () { Particles.init({ // 选择canvas画布元素 selector: '.background', // 设置最大粒子数 maxParticles: 100, // 设置粒子的移动速度 speed: 1, // 设置粒子颜色 color: '#8ACAFF', // 开启点连线 connectParticles: true, // 设置 minDistance: 140, // 设置响应式配置项的调整 responsive: [ { // 当浏览器窗口宽小于768像素大小采用以下配置 breakpoint:768, options: { maxParticles: 200, color: '#9400D3', connectParticles: false } }, { // 当浏览器窗口宽小于425像素大小采用以下配置 breakpoint:425, options: { maxParticles:100, connectParticles:true } }, { // 当浏览器窗口宽小于320像素大小采用以下配置 breakpoint:320, options: { maxParticles:0 } } ] }) }</script><!-- 创建一个容器来承载粒子效果 --><canvas class="background" width="100vw" height="100vh" style="position: fixed"> </canvas>