创新解决方案
驱动企业增长

我们提供专业的企业服务，帮助您实现业务目标，共同成长

2000+ 合作客户
10年+ 行业经验
98% 客户满意度
创新解决方案

我们的产品

为您的企业提供数智化升级解决方案

产品1
新品

营销推广

百度、谷歌、Yandex、抖音、TikTok、Facebook、ins等

精准数据 实时监测 效果反馈
立即咨询
产品2
热门

SaaS软件

CRM、PLM、ERP、MES、OA等

稳定性高 数据安全 易上手
产品3

低代码开发

项目管理、进销存、售后管理、合同管理、人事管理、财务管理、资产管理等

成本低 扩展性强 门槛低
// 产品中心下拉菜单初始化 function initProductsDropdown() { const productsDropdown = document.querySelector('.navbar .dropdown:has(#products-column-title)'); if (!productsDropdown) return; const dropdown = productsDropdown; const secondaryItems = dropdown.querySelectorAll('.dropdown-secondary-item'); const previewImg = document.getElementById('products-preview-img'); const previewTitle = document.getElementById('products-preview-title'); const previewDesc = document.getElementById('products-preview-desc'); const previewLink = document.getElementById('products-preview-link'); const columnTitle = document.getElementById('products-column-title'); const itemsPrefix = 'products-'; // 鼠标进入/离开事件 dropdown.addEventListener('mouseenter', function() { dropdown.classList.add('active'); }); dropdown.addEventListener('mouseleave', function() { setTimeout(() => { if (!dropdown.matches(':hover')) { dropdown.classList.remove('active'); } }, 100); }); // 二级菜单切换 secondaryItems.forEach(secondary => { secondary.addEventListener('mouseenter', function() { secondaryItems.forEach(s => s.classList.remove('active')); this.classList.add('active'); const category = this.dataset.category; const allItemGroups = dropdown.querySelectorAll('[id^="' + itemsPrefix + '"]'); allItemGroups.forEach(group => group.style.display = 'none'); const activeGroup = dropdown.querySelector('#' + itemsPrefix + category + '-items'); if (activeGroup) { activeGroup.style.display = 'block'; } if (columnTitle) { columnTitle.textContent = this.textContent; } const firstItem = activeGroup?.querySelector('.dropdown-item'); if (firstItem) { const imgSrc = firstItem.dataset.previewImg; const title = firstItem.dataset.previewTitle; const desc = firstItem.dataset.previewDesc; const link = firstItem.dataset.previewLink; if (imgSrc) previewImg.src = imgSrc; if (title) previewTitle.textContent = title; if (desc) previewDesc.textContent = desc; if (link) previewLink.href = link; } }); }); // 三级菜单预览 const allDropdownItems = dropdown.querySelectorAll('.dropdown-item'); allDropdownItems.forEach(item => { item.addEventListener('mouseenter', function() { allDropdownItems.forEach(i => i.classList.remove('active')); this.classList.add('active'); const imgSrc = this.dataset.previewImg; const title = this.dataset.previewTitle; const desc = this.dataset.previewDesc; const link = this.dataset.previewLink; if (imgSrc) previewImg.src = imgSrc; if (title) previewTitle.textContent = title; if (desc) previewDesc.textContent = desc; if (link) previewLink.href = link; }); }); } // DOM加载完成后初始化 document.addEventListener('DOMContentLoaded', function() { initProductsDropdown(); });