低温ワックスエピレーション

フィールドサプライヤー全体

0

国際ブランドのサプライヤー

0

生産工場エリア

180万の年間生産量

ワックス療法機

// + document.addEventListener("DOMContentLoaded", function () { const numberModules1 = document.querySelectorAll('.number-module1'); const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { const module = entry.target; const start = parseInt(module.getAttribute('data-start'), 10); const end = parseInt(module.getAttribute('data-end'), 10); const duration = parseInt(module.getAttribute('data-duration'), 10); animateNumber1(module, start, end, duration, 'm²'); // 如果你只想触发一次动画，可以取消观察 observer.unobserve(module); } }); }); numberModules1.forEach(module => observer.observe(module)); }); function animateNumber1(element, start, end, duration, suffix = 'm²') { let startTime = null; const animation1 = function (currentTime) { if (startTime === null) startTime = currentTime; const progress = Math.min((currentTime - startTime) / duration, 1); const value = Math.floor(progress * (end - start) + start); element.textContent = value.toString(); if (progress < 1) { requestAnimationFrame(animation1); } else { // 动画结束时添加 w+ element.textContent += suffix; } }; requestAnimationFrame(animation1); } // + document.addEventListener("DOMContentLoaded", function () { const numberModules3 = document.querySelectorAll('.number-module3'); const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { const module = entry.target; const start = parseInt(module.getAttribute('data-start'), 10); const end = parseInt(module.getAttribute('data-end'), 10); const duration = parseInt(module.getAttribute('data-duration'), 10); animateNumber3(module, start, end, duration, '+'); // 如果你只想触发一次动画，可以取消观察 observer.unobserve(module); } }); }); numberModules3.forEach(module => observer.observe(module)); }); function animateNumber3(element, start, end, duration, suffix = '+') { let startTime = null; const animation3 = function (currentTime) { if (startTime === null) startTime = currentTime; const progress = Math.min((currentTime - startTime) / duration, 1); const value = Math.floor(progress * (end - start) + start); element.textContent = value.toString(); if (progress < 1) { requestAnimationFrame(animation3); } else { // 动画结束时添加 /3 element.textContent += suffix; } }; requestAnimationFrame(animation3); }

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

×

const images = document.querySelectorAll('.diy-lt-container img'); const modal = document.querySelector('.image-modal'); const modalImg = document.getElementById('expandedImg'); const closeBtn = document.querySelector('.close-btn'); images.forEach(img => { img.addEventListener('click', () => { const largeImg = img.getAttribute('data-large'); // 获取对应大图 modal.style.display = "block"; modalImg.src = largeImg; document.body.classList.add('modal-open'); }); }); closeBtn.addEventListener('click', (e) => { e.stopPropagation(); modal.style.display = "none"; document.body.classList.remove('modal-open'); }); modal.addEventListener('click', (e) => { if (e.target === modal) { modal.style.display = "none"; document.body.classList.remove('modal-open'); } }); document.addEventListener('keydown', (e) => { if (e.key === "Escape" && modal.style.display === "block") { modal.style.display = "none"; document.body.classList.remove('modal-open'); } });