gpt4 book ai didi

javascript - 添加 tsParticles 作为背景

转载 作者:行者123 更新时间:2023-12-01 15:42:10 25 4
gpt4 key购买 nike

我正在尝试使用 tsParticles作为登录页面的背景,但是当我在登录 div 上时鼠标事件不起作用。

我怎样才能让它工作?

这是我的配置

tsParticles.load('tsparticles', {
background: {
color: '#000000'
},
particles: {
color: {
value: '#CF5C36'
},
opacity: {
value: 0.5
},
lineLinked: {
color: {
value: '#EFC88B'
},
consent: true
}
},
interactivity: {
events: {
onHover: {
mode: ['grab', 'bubble'],
enable: true
}
},
modes: {
grab: {
distance: 200
},
bubble: {
size: 10
}
}
},
preset: 'basic'
});

这是该问题的示例 fiddle : https://jsfiddle.net/jmfhk0xb/

最佳答案

interactivity部分,您需要添加detect_on: 'window' .

interactivity: {
detect_on: 'window',
events: {
onHover: {
mode: ['grab', 'bubble'],
enable: true
}
},
modes: {
grab: {
distance: 200
},
bubble: {
size: 10
}
}
},

关于javascript - 添加 tsParticles 作为背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61026089/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com