这里我想显示particles大家好,我想用javascript编程,每次你点击按钮时都会出现一个粒子,然后显示+1。就像这个cookie点击器一样(我希望你能看到它):
我已经看过particles.js了,但是我没有找到适合我的结果。我想在每次点击时显示粒子,我想让它浮到顶部然后消失。
6yt4nkrj1#
我想你需要这样的东西,我添加一个按钮,当点击它会附加+1。按照现在你可以根据你的要求修改它。
const addBtn = document.getElementById("add-button"); const particleBox = document.getElementById("particle-area"); function createParticle(parentElement = document.body) { const particle = document.createElement("div"); particle.classList.add("particle"); particle.innerHTML = "<h1>+1</h1>"; if (parentElement) { parentElement.append(particle); } return particle; } addBtn.addEventListener("click", function() { const particle = createParticle(particleBox); particle.addEventListener("animationend", function() { particle.remove(); }); });
#particle-area { position: relative; width: 100px; height: 100px; display: flex; flex-direction: column-reverse; } .particle { width: 30px; height: 30px; animation: particle-animation 2s ease-out; } @keyframes particle-animation { 0% { transform: translate(-50%, -50%) scale(0); opacity: 1; } 100% { transform: translate(-50%, -50%) scale(1); opacity: 0; } }
<div id="particle-area"></div> <button id="add-button"> Mine Gold</button>
1条答案
按热度按时间6yt4nkrj1#
我想你需要这样的东西,我添加一个按钮,当点击它会附加+1。按照现在你可以根据你的要求修改它。