Produits

Avec un service à guichet EPC disponible pour vos rendements d'investissement rapides et plus élevés

const menuButtons = document.querySelectorAll('.clickshow-menu button'); const contentItems = document.querySelectorAll('.clickshow-content-item'); menuButtons.forEach(button => { button.addEventListener('click', () => { // Remove active class from all buttons menuButtons.forEach(btn => btn.classList.remove('active')); // Add active class to the clicked button button.classList.add('active'); // Hide all content items contentItems.forEach(content => content.classList.remove('active')); // Show the corresponding content item const contentId = button.getAttribute('data-content'); document.getElementById(contentId).classList.add('active'); }); }); const prevButtons = document.querySelectorAll('.prev'); const nextButtons = document.querySelectorAll('.next'); prevButtons.forEach((prevBtn, index) => { prevBtn.addEventListener('click', () => { const items = document.querySelectorAll(`#content${index + 1} a`); let activeIndex = [...items].findIndex(item => item.classList.contains('active')); activeIndex = activeIndex === 0 ? items.length - 1 : activeIndex - 1; items[activeIndex].classList.add('active'); [...items].filter((item, idx) => idx !== activeIndex).forEach(item => item.classList.remove('active')); }); }); nextButtons.forEach((nextBtn, index) => { nextBtn.addEventListener('click', () => { const items = document.querySelectorAll(`#content${index + 1} a`); let activeIndex = [...items].findIndex(item => item.classList.contains('active')); activeIndex = activeIndex === items.length - 1 ? 0 : activeIndex + 1; items[activeIndex].classList.add('active'); [...items].filter((item, idx) => idx !== activeIndex).forEach(item => item.classList.remove('active')); }); });

À PROPOS DE NOUS

Leimeng est le producteur de machines minières avec le service à guichet unique pour vous, apprenez celles dont vos besoins et votre concurrent, vous offrent la solution la plus appropriée et fournissent la meilleure machine de qualité, le service important sur place, y compris la formation de commission et d'opération, et même une opération payante à long terme

const menuButtons2 = document.querySelectorAll('.aboutus-menu button'); const contentItems2 = document.querySelectorAll('.aboutus-content-item'); const moreBtns2 = document.querySelectorAll('.more-btn'); menuButtons2.forEach(button => { button.addEventListener('click', () => { // Remove active class from all buttons menuButtons2.forEach(btn => btn.classList.remove('active2')); // Add active class to the clicked button button.classList.add('active2'); moreBtns2.forEach(btn2 => btn2.classList.remove('activemore')); button.nextElementSibling.classList.add('activemore'); // Hide all content items contentItems2.forEach(content => content.classList.remove('active2')); // Show the corresponding content item const contentId2 = button.getAttribute('data-aboutus'); document.getElementById(contentId2).classList.add('active2'); }); }); const prevButtons2 = document.querySelectorAll('.prev2'); const nextButtons2 = document.querySelectorAll('.next2'); prevButtons2.forEach((prevBtn2, index) => { prevBtn2.addEventListener('click', () => { const items2 = document.querySelectorAll(`#aucontent${index + 1} a`); let activeIndex2 = [...items2].findIndex(item => item.classList.contains('active2')); activeIndex2 = activeIndex2 === 0 ? items2.length - 1 : activeIndex2 - 1; items2[activeIndex2].classList.add('active2'); [...items2].filter((item, idx) => idx !== activeIndex2).forEach(item => item.classList.remove('active2')); }); }); nextButtons2.forEach((nextBtn2, index) => { nextBtn2.addEventListener('click', () => { const items2 = document.querySelectorAll(`#aucontent${index + 1} a`); let activeIndex2 = [...items2].findIndex(item => item.classList.contains('active2')); activeIndex2 = activeIndex2 === items2.length - 1 ? 0 : activeIndex2 + 1; items2[activeIndex2].classList.add('active2'); [...items2].filter((item, idx) => idx !== activeIndex2).forEach(item => item.classList.remove('active2')); }); });

SERVICE

  • Enquête sur scène

    Enquête sur scène

  • Communication de conception

    Communication de conception

  • Formation après-vente

    Formation après-vente

  • Échange technique après-vente

    Échange technique après-vente