Sleek Power in Your Pocket, Charging Your Life On-the-Go! .a-plus-buttons, .a-plus-button-2s, .a-plus-button-3s { text-align: center; } .a-plus-button, .a-plus-button-2, .a-plus-button-3 { margin: 10px; padding: 10px 15px; background-color: #ffffff; border: 2px solid #282828; border-radius: 50px; cursor: pointer; font-weight: bold; } .a-plus-button.active, .a-plus-button-2.active, .a-plus-button-3.active { background-color: #282828; color: #ffffff; } .a-plus-images img, .a-plus-images-2 img, .a-plus-images-3 img { display: none; width: 100%; margin: 0 auto; } @media (max-width: 480px) { .a-plus-button, .a-plus-button-2, .a-plus-button-3 { width: 100%; font-size: 13px; padding: 5px 10px; margin: 5px; } } Slim. Light. Portable Premium Materials Thoughtfully Details Strong Magnetic Grip Auto-Grade Battery Health Pass-through Charging Power Up Widely Compatible 2-Year Warranty var images = document.querySelectorAll(".a-plus-images img"); var buttons = document.querySelectorAll(".a-plus-buttons button"); var images2 = document.querySelectorAll(".a-plus-images-2 img"); var buttons2 = document.querySelectorAll(".a-plus-button-2s button"); var images3 = document.querySelectorAll(".a-plus-images-3 img"); var buttons3 = document.querySelectorAll(".a-plus-button-3s button"); function showImage(index) { images.forEach((img, i) => { img.style.display = i === index ? "block" : "none"; buttons[i].classList.toggle("active", i === index); }); } function showImage2(index) { images2.forEach((img, i) => { img.style.display = i === index ? "block" : "none"; buttons2[i].classList.toggle("active", i === index); }); } function showImage3(index) { images3.forEach((img, i) => { img.style.display = i === index ? "block" : "none"; buttons3[i].classList.toggle("active", i === index); }); } buttons.forEach((button, index) => { button.addEventListener("click", () => showImage(index)); }); buttons2.forEach((button, index) => { button.addEventListener("click", () => showImage2(index)); }); buttons3.forEach((button, index) => { button.addEventListener("click", () => showImage3(index)); }); // 默认显示每组第一张图片 showImage(0); showImage2(0); showImage3(0);