CINXE.COM
Factsheet 2025 | productronica China 2025
<!DOCTYPE html> <html> <head> <title> Factsheet 2025 | productronica China 2025 </title> <meta name="keywords" content="Factsheet 2025"/> <meta name="description" content="Top experts will provide you with insights into current innovations and industry trends, as well as the latest technological developments in the fields of automotive, embedded platforms and wireless systems and applications through keynote speeches, technical reports and special presentations. "/> <meta charset="utf-8"/> <script>console.log('111111')</script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/> <meta http-equiv="Cache-Control" content="max-age=31536000"/> <meta http-equiv="Pragma" content="max-age=31536000"/> <link rel="canonical" href="https://www.productronicachina.com.cn/factsheet-2025"> <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> <meta name="viewport" content="width=device-width, initial-scale=1"/> <meta property="og:image" content="/assets/image/favicon.ico"/> <link rel="shortcut icon" href="/assets/image/favicon.ico" type="image/x-icon"/> <script src="/assets/lib/jquery/jquery-1.11.1.min.js"></script> <script> let lang_local_set = 'en'; var lang_local_path = '/en'; let is_edit_website = ''; function lazyLoadImage() { //获取所有要进行懒加载的图片 const lazyLoadImg = document.querySelectorAll('.lazy-load[data-src]') lazyLoadImg.forEach(item => { if(isInViewport(item)) { $(item).attr('src', item.getAttribute('data-src')) // image[0].src = item.getAttribute('data-src') $(item).css('opacity','1') $(item).removeAttr('data-src') $(item).removeClass('lazy-load') $(item).fadeIn() // item.removeAttribute('data-src') } }) function isInViewport(ele) { // 元素顶部 距离 视口左上角 的距离top <= 窗口高度 (反例:元素在屏幕下方的情况) // 元素底部 距离 视口左上角 的距离bottom > 0 (反例:元素在屏幕上方的情况) // 元素display样式不为none const notBelow = ele.getBoundingClientRect().top <= window.innerHeight ? true : false; const notAbove = ele.getBoundingClientRect().bottom >= 0 ? true : false; const visable = getComputedStyle(ele).display !== "none" ? true : false; return notBelow && notAbove && visable ? true : false; } } lazyLoadImage() setInterval(()=>{ lazyLoadImage() },2000) document.addEventListener('scroll',()=>{ lazyLoadImage() },{passive: true}) //页面初始化方法 /*function reduceRem() { let screen_width = screen.availWidth if (window.screen.availWidth > 992) { document.querySelector('html').style.fontSize = ((screen_width / 1920) * 62.5) + '%' } else { document.querySelector('html').style.fontSize = ((screen_width / 375) * 62.5) + '%' } }*/ // reduceRem() </script> <script src="/assets/lib/js-cookie/js.cookie.js"></script> <link href="/assets/css/animate/animate.min.css" rel="stylesheet" type="text/css"/> <link href="/assets/iconfont/iconfont.css?version=2.25" rel="stylesheet" type="text/css"/> <link href="/assets/lib/bootstrap/bootstrap.min.css" rel="stylesheet" type="text/css"/> <link href="/assets/lib/carousel/owl.carousel.min.css" rel="stylesheet" type="text/css"/> <link href="/assets/css/common/layout.css?version=2.25" rel="stylesheet" type="text/css"/> <link href="/assets/css/investment-proposal.css?version=2.25" rel="stylesheet" type="text/css"/> </head> <body lang="en"> <div class="ui-style-css container_body" id="app_body"> <div class="page-menu-left" > <div class="header-overlay"> </div> <div class="header-mobile-container"> <div class="header-mobile-box"> <div class="mobile-nav-left"> <div class="nav-open"> <i class="iconfont icon-BurgerMenu is-open"></i> <i class="iconfont icon-Cancel"></i> </div> <span href="/en/home" class="mobile-logo"> <a class="image-module" href="/en/home" data-key="module_logo"> <figure class="image-wrapper" style="position: relative"> <picture> <img src="https://www.productronicachina.com.cn/en-us/resources/files/0720/669b53439ad1d/慕尼黑设备展英语站点logo-new.png" alt="慕尼黑设备展英语站点logo-new.png"> </picture> </figure> </a> </span> </div> <div class="mobile-nav-right"> <span class="nav-phone-btn"><a><i class="iconfont icon-Phone"></i></a></span> <span class="nav-language-btn"><i class="iconfont icon-World"></i></span> <span class="nav-search-btn"><i class="iconfont icon-Search"></i></span> </div> <div class="mobile-nav-show hidden"> <i class="iconfont icon-Left"></i> </div> <div class="search-box search-mobile hidden"> <div class="search-item"> <i class="iconfont icon-Search"></i> <input type="text" placeholder="Search" data-key="module_text"> </div> </div> <div class="language-box language-mobile hidden"> <a class="language-chinese " href="https://www.productronicachina.com.cn/" target="_blank">Chinese</a> <a class="language-english " href="/en/home" >English</a> </div> </div> </div> <div class="header-container"> <div class="header-box"> <div class="header-menu-box"> <div class="header-logo"> <a class="image-module" href="/en/home" data-key="module_logo_1"> <figure class="image-wrapper" style="position: relative"> <picture> <img src="https://www.productronicachina.com.cn/en-us/resources/files/0720/669b53439ad1d/慕尼黑设备展英语站点logo-new.png" alt="慕尼黑设备展英语站点logo-new.png"> </picture> </figure> </a> </div> <ul class="header-menu-item"> <div class="menu-box"> <li class="menu-item"> <a class="menu-item-link " href="/en/discover-productronica-china"> <span>Discover productronica China</span> </a> </li> <li class="menu-item"> <a class="menu-item-link " href="/en/trade-fair-topic"> <span>Trade Fair Topic</span> </a> </li> <li class="menu-item"> <a class="menu-item-link child-menu-link"> <span>Press Release </span> </a> <ul> <li class="menu-child-item"> <a class="" href="press-release"> <span>Press Release</span> </a> </li> </ul> </li> <li class="menu-item"> <a class="menu-item-link child-menu-link"> <span> Data, Facts & Impressions</span> </a> <ul> <li class="menu-child-item"> <a class="" href="/en/about-exhibition"><span>Facts & Figures </span></a> <li class="menu-child-item"> <a class="" href="/en/data-facts-impressions-impressions-videos"><span>Impressions & videos</span></a> <li class="menu-child-item"> <a class="" href="/en/partners"><span>Partners</span></a> </ul> </li> </div> <div class="menu-item-subtitle"> <span >Industrial leading trade fair</span> </div> <div class="menu-box"> <li class="menu-item menu-important-exhibitions"> <div class="important-exhibitions-list"> <div class="important-exhibitions-item "> <div class="content-title"> <a href="/en/productronica-china-2025"> productronica China 2025 </a> </div> <div class="content-time"> <span> Mar 26-28, 2025</span> </div> </div> </div> </li> <li class="menu-item"> <a class="menu-item-link child-menu-link"> <span> Online Registration</span> </a> <ul> <li class="menu-child-item"> <a href="https://productronica.com/en/trade-fair/good-reasons-to-visit/newsletter/ " target="_blank"><span>productronica e-newsletter subscription </span></a> </li> </ul> </li> <li class="menu-item"> <a class="menu-item-link child-menu-link"> <span> Supporing Program</span> </a> <ul> <li class="menu-child-item"> <a class="" href="/en/supporting-program"><span>Supporting program</span></a> </li> <li class="menu-child-item"> <a class="" href="/en/contact-advice"><span>Contact & Advice</span></a> </li> </ul> </li> <li class="menu-item"> <a class="menu-item-link child-menu-link"> <span> For exhibitors</span> </a> <ul> <li class="menu-child-item"> <a class="" href="/en/benefits-to-exhibit"><span>Benefits to Exhibit</span></a> </li> <li class="menu-child-item"> <a class="" href="/en/for-exhibitors-fairgrounds-map"><span>Fairgrounds map</span></a> </li> <li class="menu-child-item"> <a class=" active " href="/en/factsheet-2025"><span>Factsheet 2025</span></a> </li> <li class="menu-child-item"> <a class="" href="/en/application-prices"><span>Application & Prices</span></a> </li> <li class="menu-child-item"> <a class="" href="/en/marketing-service"><span>Marketing Service</span></a> </li> <li class="menu-child-item"> <a class="" href="/en/stand-building"><span>Stand building</span></a> </li> <li class="menu-child-item"> <a class="" href="/en/for-exhibitors-visa-service"><span>Visa Service</span></a> </li> <li class="menu-child-item"> <a class="" href="/en/for-exhibitors-advice-contacts"><span>Advice & Contacts</span></a> </li> </ul> </li> <li class="menu-item"> <a class="menu-item-link child-menu-link"> <span> For visitors</span> </a> <ul> <li class="menu-child-item"> <a class="" href="/en/benefits-to-visit"><span>Benefits to visit</span></a> </li> <li class="menu-child-item"> <a class="" href="/en/opening-hours"><span>Opening hours</span></a> </li> <li class="menu-child-item"> <a class="" href="/en/for-visitors-fairgrounds-map"><span>Fairgrounds map</span></a> </li> <li class="menu-child-item"> <a class="" href="/en/for-visitors-impressions-videos"><span>Impressions & videos</span></a> </li> <li class="menu-child-item"> <a class="" href="/en/for-visitors-visa-service"><span>Visa Service </span></a> </li> <li class="menu-child-item"> <a class="" href="/en/for-visitors-contact-advice"><span>Contact & Advice</span></a> </li> </ul> </li> <li class="menu-item"> <a class="menu-item-link child-menu-link"> <span> For Journalists</span> </a> <ul> <li class="menu-child-item"> <a href="/en-us/press-release" target="_blank"><span>Press Release</span></a> </li> <li class="menu-child-item"> <a class="" href="/en/for-journalists-media-partner"><span>Media Partner </span></a> </li> <li class="menu-child-item"> <a class="" href="/en/for-journalists-impression-videos"><span>Impression & Videos</span></a> </li> <li class="menu-child-item"> <a class="" href="/en/press-center"><span>Press Center</span></a> </li> <li class="menu-child-item"> <a class="" href="/en/for-journalists-visa-service"><span>Visa Service</span></a> </li> <li class="menu-child-item"> <a class="" href="/en/contacts-for-journalists"><span>Contacts for Journalists</span></a> </li> </ul> </li> <li class="menu-item"> <a class="menu-item-link child-menu-link"> <span> Travel & Stay</span> </a> <ul> <li class="menu-child-item"> <a class="" href="/en/travel-stay-visa-service"><span>Visa Service </span></a> </li> <li class="menu-child-item"> <a class="" href="/en/travel-stay-venue-information"><span>Venue information</span></a> </li> <li class="menu-child-item"> <a class="" href="/en/travel-stay-getting-there"><span>Getting there</span></a> </li> <li class="menu-child-item"> <a class="" href="/en/travel-stay-catering-services"><span>Catering & Services</span></a> </li> <li class="menu-child-item"> <a class="" href="/en/travel-stay-accommodation-stay"><span>Accommodation & Stay</span></a> </li> </ul> </li> </div> <div class="menu-item-subtitle"> <a href="/en/a-global-network-a-global-network" >productronica worldwide</a> </div> <div class="menu-box"> <li class="menu-item menu-important-exhibitions"> <div class="important-exhibitions-list"> <div class="important-exhibitions-item"> <div class="content-title"> <a href="https://www.p-southchina.com/" target="_blank"> productronica South China </a> </div> <div class="content-time"> <span>Oct 14-16, 2024</span> </div> </div> </div> </li> <li class="menu-item menu-important-exhibitions"> <div class="important-exhibitions-list"> <div class="important-exhibitions-item"> <div class="content-title"> <a href="https://productronica.com/en/" target="_blank"> productronica </a> </div> <div class="content-time"> <span> Nov 18-21, 2025</span> </div> </div> </div> </li> <li class="menu-item menu-important-exhibitions"> <div class="important-exhibitions-list"> <div class="important-exhibitions-item"> <div class="content-title"> <a href="https://productronica-india.com/en/" target="_blank"> productronica India </a> </div> <div class="content-time"> <span>Sept 17-19, 2025</span> </div> </div> </div> </li> </div> </ul> </div> <div class="bottom-content-box"> <div class="bottom-content-list"> <div class="content-language-item bottom-content-item"> <a class="content-language-cn" href="https://www.productronicachina.com.cn/" target="_blank">中文</a> <a class="content-language-en" href="https://www.productronicachina.com.cn/en/" target="_blank">EN</a> </div> <div class="content-contact-item bottom-content-item"> <a class="content-contact-text"><a href="/en/contact-us" ><p>Contact Us</p></a></a> </div> <div class="content-img-item bottom-content-item"> <a class="content-language-cn" ><img class="lazy-load" data-src="https://www.productronicachina.com.cn/en-us/resources/files/0531/66598f3dd1c3e/【定制建站】慕尼黑设备展-01首页-9.png" alt="module_image"></a> </div> </div> </div> </div> </div> </div> <div class="page-container"> <div class="layout_body"> <div class="layout-menu-module" > <div class="layout-menu-box"> <div class="layout-icon-item"> <a class="layout-icon-link"><i class="iconfont icon-Profile"></i></a> <a class="layout-icon-link" href="/en/contact-us"><i class="iconfont icon-Phone"></i></a> <a class="layout-icon-link lang" href="/"><i class="iconfont icon-World"></i> <span>CN</span> </a> </div> <div class="layout-search-item"> <i class="iconfont icon-Search"></i> <input placeholder="Search" type="text" data-key="module_text"> </div> </div> </div> <div class="layout-head-banner-module module " > <div class="layout-menu-list"> <div class="layout-menu-item module-wrapper"> <a class="banner-menu-link" href="/en/home"><i class="iconfont icon-Home"></i></a> <i class="iconfont icon-Left-1"></i> <a class="banner-menu-link" href="/en/productronica-china-2025" >productronica China 2025</a> <i class="iconfont icon-Left-1"></i> <span class="banner-menu-link">For exhibitors</span> <i class="iconfont icon-Left-1"></i> <span class="banner-menu-link">Factsheet 2025</span> </div> </div> <div class="head-banner-container"> <div class="banner-list owl-carousel" id="layout-head-banner-module" > <div class="banner-item"> <div class="banner-bg"> <div class="image-module" data-key="module_item_image"> <figure class="image-wrapper"> <picture> <img src="https://www.productronicachina.com.cn/en-us/resources/files/0718/6698af297a61d/顶部banner.jpg" alt="顶部banner.jpg"> </picture> </figure> </div> </div> <div class="banner-content-item module-wrapper"> <div class="banner-content-text"> <h1 >Factsheet 2025</h1> <div class="module_desc" ></div> </div> </div> </div> </div> </div> <div class="layout-right-card-list module-wrapper"> <div class="card-box"> <div class="card-item open"> <div class="card-bg"> <div class="image-module" data-key="module_image"> <figure class="image-wrapper"> <picture> <img class="lazy-load" loading="lazy" data-src="https://www.productronicachina.com.cn/en-us/resources/files/0531/665998543c8ad/【定制建站】慕尼黑设备展-01首页-7.png" alt=""> </picture> </figure> </div> </div> <div class="card-text-item"> <div class="card-title" >注册参观</div> <div class="card-hide-text"> <div class="card-describe" >国际参展商、创新、趋势--Electronica 展示了全球电子产品的未来。从这一行业平台的优势中获益! </div> <div class="card-btn module-btn" >注册参观</div> </div> </div> <i class="iconfont icon-Down"></i> </div> <div class="card-item"> <div class="card-bg"> <div class="image-module" data-key="module_image_2"> <figure class="image-wrapper"> <picture> <img class="lazy-load" loading="lazy" data-src="https://www.productronicachina.com.cn/en-us/resources/files/0531/665998543c8ad/【定制建站】慕尼黑设备展-01首页-7.png" alt=""> </picture> </figure> </div> </div> <div class="card-text-item"> <div class="card-title" >注册参观</div> <div class="card-hide-text"> <div class="card-describe" >国际参展商、创新、趋势--Electronica 展示了全球电子产品的未来。从这一行业平台的优势中获益! </div> <div class="card-btn module-btn" >注册参观</div> </div> </div> <i class="iconfont icon-Down"></i> </div> <div class="card-item"> <div class="card-bg"> <div class="image-module" data-key="module_image_3"> <figure class="image-wrapper"> <picture> <img class="lazy-load" loading="lazy" data-src="https://www.productronicachina.com.cn/en-us/resources/files/0531/665998543c8ad/【定制建站】慕尼黑设备展-01首页-7.png" alt=""> </picture> </figure> </div> </div> <div class="card-text-item"> <div class="card-title" >注册参观</div> <div class="card-hide-text"> <div class="card-describe" >国际参展商、创新、趋势--Electronica 展示了全球电子产品的未来。从这一行业平台的优势中获益! </div> <div class="card-btn module-btn" >注册参观</div> </div> </div> <i class="iconfont icon-Down"></i> </div> </div> </div> <div class="layout-right-text-list module-wrapper"> <div class="text-box"> <div class="text-item"> <div class="text-time" >2025年3月26-28日</div> <div class="text-address" >上海新国际博览中心</div> <div class="text-title" >2025慕尼黑上海电子生产设备展 (productronica China)</div> <div class="text-btn module-btn" >展商中心</div> </div> </div> </div> </div> <div class="layout-menu-right-container" style="position: relative"> <div class="layout-menu-right-module" > <div class="layout-menu-right-box"> <div class="menu-right-container module-wrapper"> <div class="menu-right-box"> <div class="menu-right-item"> <div class="menu-title" ><p>TRADE FAIR TOPICS</p></div> <div class="menu-list"> <div class="menu-marker"></div> </div> <a class="menu-btn module-btn" href="/en/application-prices" ><p>Booth Application</p></a> </div> <div class="ad-list-module" id="ad-list-module"> </div> </div> </div> </div> </div> <div class="layout-content"> <div class="investment-proposal "> <div class="exhibition-overview-download-relevant-install module " > <div class="module-wrapper"> <div class="module-width"> <div class="logo-install-head"> <h2 class="logo-install-title" >【productronica China】Factsheet 2025 Download</h2> </div> <div class="logo-install-footer-list" > <div class="style-border"> <a class="logo-install-footer-item" href="https://www.productronicachina.com.cn/en-us/resources/files/0709/668ce8a0e93c8/pC25_招展书_EN_0311.pdf"> <div class="icon-box"> <i class="iconfont icon-Filled"></i> </div> <div class="logo-install-center-box"> <span class="logo-install-center-head" >Factsheet 2025</span> <span class="logo-install-center-size" ><p>9.13 MB</p></span> </div> <div class="right-icon-box"> <i class="iconfont icon-Download"></i> </div> </a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="background-btn-banner-module module" > <div class="background-img" ><img class="lazy-load" data-src="https://www.productronicachina.com.cn/en-us/resources/files/0531/66599d667ce68/【定制建站】慕尼黑设备展-02关于展会-11.png" alt="module_image"></div> <div class="module-wrapper"> <div class="module-width"> <div class="content-box"> <h2 >Visitor registration</h2> <div class="module_desc" >Click to pre-register to be a visitor, let's meet together at productronica China 2025!</div> <div class="btn-box"> <div class="background-btn module-btn" >Online registration</div> <a class="empty-btn module-text-btn" href="/en/discover-productronica-china" >2024 Exhibition review</a> </div> </div> </div> </div> </div> </div> <div class="bottom-container" > <div class="modal fade" id="qrImageModel" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog qr-image-dialog"> <div class="qr-image"> <div class="image-module" data-key="module_wx_qrcode"> <figure class="image-wrapper"> <picture> <img class="lazy-load" loading="lazy" data-src="https://www.productronicachina.com.cn/en-us/resources/files/0722/669e64e0d002a/底部二维码.png" alt="底部二维码.png"> </picture> </figure> </div> </div> </div> </div> <div class="bottom-box"> <div class="bottom-top-item"> <div class="icon-right-list"> <div class="icon-right-title" ><p>Join us on social media</p></div> <div class="icon-right-box"> <div class="icon-right-item" role="button" data-bs-toggle="modal" data-bs-target="#qrImageModel"> <i class="iconfont icon-wechat-fill"></i> </div> </div> </div> </div> <div class="bottom-bottom-item"> <div class="company-left-item" ><p>© Messe Muenchen Shanghai Co., Ltd.</p></div> <div class="information-right-list"> <a class="information-right-item" href="/en/legal-information" ><p>Imprint</p></a> <a class="information-right-item" href="/en/privacy-policy" ><p>Privacy Policy</p></a> <a class="information-right-item" href="/en/sitemap" ><p>Sitemap</p></a> <div class="information-right-item" ><a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank" rel="noopener">沪ICP备12044459号-10</a></div> <div class="information-right-item" ><p>Site powered by <a href="https://www.matchpages.cn/" target="_blank" rel="noopener">Matchpages</a></p></div> </div> </div> </div> <div class="goto-top-btn"> <i class="iconfont icon-a-righticon_huaban1"></i> </div> </div> </div> </div> </body> <script src="/assets/lib/axios/axios.min.js"></script> <script src="/assets/lib/bootstrap/bootstrap.bundle.js"></script> <script src="/assets/utils/request.js?version=2.25"></script> <script src="/assets/utils/utils-all.min.js?version=2.25"></script> <script> initWow() //监听下载组件下载文件 let install_item = $('.exhibition-overview-download-relevant-install .logo-install-footer-item') if (install_item) { install_item.click(function (event) { event.preventDefault(); let a_url = $(this).attr('href') if (a_url){ if (a_url.endsWith('.pdf')) { window.open(a_url, '_blank'); } else { downloadFile(a_url) } } else { // console.log("") return false } }) } $(()=>{ $('.ad-module').each(function () { let ad_id = $(this).attr('data-ad-id') if (ad_id) { $(this).on('click',function () { let params = { id: ad_id } adClickApi(params) }) } }) let ad_list_module = $('#ad-list-module') let html = ad_list_module.html() // ad_list_module.remove() let module = $('.layout-content .module') let index = 0 if (module.length > 0) { let ad_module = module.eq(0).find('.ad-module') if (ad_module) { index = 1 } } let module_html = '' if (module.eq(index)) { module_html = module.eq(index).find('.module-wrapper').eq(0).html() } let box_html = module_html + `<div class="module-width module-ad-box">${html}</div>` function setAdPosition() { if (window.innerWidth < 1439) { if (ad_list_module && module.eq(index)) { module.eq(index).find('.module-wrapper').eq(0).html(box_html) } } else { if (ad_list_module && module.eq(index)) { module.eq(index).find('.module-wrapper').eq(0).html(module_html) } } } setAdPosition() $(window).resize(function () { setAdPosition() }) }) </script> <script> $(()=>{ $('.image-module').each(function (index) { let play_box = $(this).find('.icon-play-box').get(0) let video = $(this).find('video').eq(0).get(0) let poster = $(this).find('.video_poster').get(0) if (play_box && video) { $(play_box).click(()=>{ video.play() }) $(video).on('play',function (e) { $(play_box).hide() $(poster).hide() }).on('pause',function () { $(play_box).show() // $(poster).show() }) } }) }) </script> <script> $(() => { $('.page-menu-left .menu-item:not(.menu-important-exhibitions)').on('click', function () { if ($(this).hasClass('open')) { $(this).removeClass('open') } else { $(this).addClass('open') } }) $('.page-menu-left .menu-child-item').on('click', function (e) { e.stopPropagation() }) $('.page-menu-left .nav-open').on('click', function () { let menuBox = $('.page-menu-left .header-container') let mainItem = $('.page-menu-left') let childItem = $(this).children('i') if ($(this).hasClass('open')) { $(this).removeClass('open') menuBox.removeClass('is-show') childItem.eq(0).addClass('is-open') childItem.eq(1).removeClass('is-open') mainItem.removeClass('open') } else { $(this).addClass('open') menuBox.addClass('is-show') childItem.eq(0).removeClass('is-open') childItem.eq(1).addClass('is-open') mainItem.addClass('open') } }) $('.page-menu-left .header-overlay').on('click', function () { $('.page-menu-left .nav-open').click() }) $('.page-menu-left .nav-language-btn').on('click', function () { mobileMenuShow(1) }) $('.page-menu-left .nav-search-btn').on('click', function () { mobileMenuShow(2) }) $('.page-menu-left .header-mobile-container .mobile-nav-show').on('click', function () { mobileMenuShow(0) }) activeMenu() function activeMenu() { let activeItem = $('.menu-child-item .active') if (activeItem.length > 0) { let activeItemParent = activeItem.parents('.menu-item') if (activeItemParent.hasClass('menu-item')) { activeItemParent.addClass('open') } } } function mobileMenuShow(index) { let leftItem = $('.page-menu-left .mobile-nav-left') let rightItem = $('.page-menu-left .mobile-nav-right') let hideIcon = $('.page-menu-left .mobile-nav-show') let searchItem = $('.page-menu-left .search-box') let languageItem = $('.page-menu-left .language-box') if (index < 1) { leftItem.removeClass('hidden') rightItem.removeClass('hidden') hideIcon.addClass('hidden') searchItem.addClass('hidden') languageItem.addClass('hidden') } else { if (index === 1) { leftItem.addClass('hidden') rightItem.addClass('hidden') hideIcon.removeClass('hidden') languageItem.removeClass('hidden') } else if (index === 2) { leftItem.addClass('hidden') rightItem.addClass('hidden') hideIcon.removeClass('hidden') searchItem.removeClass('hidden') } } } $('.header-mobile-container input').on('keydown', function (e) { if (e.keyCode === 13) { e.preventDefault(); let value = $(this).val(); if (value !== "") { layoutMenuSearch(value) } } function layoutMenuSearch(value) { let url = '/en/search' window.location.href = url + '?keyword=' + value; } }) }) </script> <script> $(() => { $('.layout-search-item input').on('keydown', function (e) { if (e.keyCode === 13) { e.preventDefault(); let value = $(this).val(); if (value !== "") { layoutMenuSearch(value) } } function layoutMenuSearch(value) { let url = '/en/search' window.location.href = url + '?keyword=' + value; } }) }) </script> <script> $(() => { if ($('.layout-head-banner-module .banner-item').length > 1) { initOwlEvent('#layout-head-banner-module', 1, false, false, false, true, false, { margin: 0 }) } $('.layout-right-card-list .card-item').on('click', function () { if (!$(this).hasClass('open')) { $(this).parent().children().removeClass('open') $(this).addClass('open') } }) }) </script> <script> $(() => { LayoutMenuRightModule() function LayoutMenuRightModule() { // 选择所有的<h2>元素 let h2Elements = $('h2'); if (h2Elements) { h2Elements.each(function (index, item) { $(item).parents('.module').attr('data-sf_anchor', index) }) } let htmlStr = "" let html = $('.layout-menu-right-module .menu-list') // 获取每个<h2>元素的文本内容并存储到数组中 let h2TextsArray = h2Elements.map(function () { return $(this).text(); }).get(); let divWrappedTexts = h2TextsArray.map(function (text) { //如果含有文案,则生成锚点 if (text) { return `<div class="menu-item">${text}</div>`; // 字符串模板方式包裹文本 } }); if (divWrappedTexts.length > 0) { htmlStr = divWrappedTexts.join('') + '<div class="menu-marker"></div>'; // 使用join连接数组元素 } if (htmlStr !== "") { html.empty().append(htmlStr) } } // let $parent = $('.layout-menu-right-module').parent().find('.module[data-sf_anchor]').parent(); let $children = $('h2') // $parent.children('.module[data-sf_anchor]'); // 获取所有关联的div let $relatedDivs = $('.layout-menu-right-module .menu-list .menu-item'); // 请将'relatedDivClass'替换为实际的类名 // 定义函数检查元素是否在视口内 function isInViewport(element) { let elementTop = $(element).offset().top; let elementBottom = elementTop + $(element).outerHeight(); let viewportTop = $(window).scrollTop(); let viewportBottom = viewportTop + $(window).height(); return elementBottom > viewportTop && elementTop < viewportBottom; } simulateScroll(); // 处理滚动事件 $(window).on('scroll', simulateScroll); function simulateScroll() { // 先移除所有相关div的active类 $relatedDivs.removeClass('active'); // 遍历所有子元素,检查是否在视口内并添加对应的active类 $children.each(function (index) { if (isInViewport(this)) { let activeIndex = index; // 获取当前子项的索引 LayoutMenuItemTop(activeIndex) $relatedDivs.eq(activeIndex).addClass('active'); // 根据索引找到关联的div并添加active类 return false } }); } function LayoutMenuItemTop(activeIndex) { $relatedDivs.each(function () { if (activeIndex === 0) { $('.layout-menu-right-module .menu-list .menu-marker').css({ 'top': '11px' }) } else { if ($relatedDivs.eq(activeIndex).position()) { $('.layout-menu-right-module .menu-list .menu-marker').css({ 'top': `${$relatedDivs.eq(activeIndex).position().top + 8}px` }) } } }) } $('.layout-menu-right-module .menu-right-item .menu-list').on('click', '.menu-item', function (event) { // 利用event.target获取点击的元素 $(window).off('scroll', simulateScroll); const index = $(event.target).index(); /* let main = $('.module') let activeIndex = $('.module') console.log(index, activeIndex, $('.module[data-sf_anchor="' + (index + 1)+ '"]'))*/ const topHeight = $children.eq(index).offset().top; if (topHeight > 0) { // 平滑滚动到指定位置 $(this).parent().children().removeClass('active') $(this).addClass('active') LayoutMenuItemTop(index) if ($(window).width() > 1279) { $('html, body').animate({scrollTop: topHeight}, 300); } else { $('html, body').animate({scrollTop: topHeight - 80}, 300); } setTimeout(() => { $(window).on('scroll', simulateScroll); }, 1000) } }); if ($(window).width() < 1440 && $(window).width() > 768) { menuListLine() } function menuListLine() { let $div = $('.layout-menu-right-box .menu-list'); let currentLineElements = []; // 用于存储当前行的元素 let $children = $div.children('.menu-item'); $children.each(function (index, child) { let $child = $(child); // 如果是第一行或当前元素前面没有元素,直接添加到当前行 if (index === 0 || currentLineElements.length === 0) { currentLineElements.push($child); } else { // 检查当前元素是否在新行上,这里假设元素之间有空隙(如margin/padding)表示换行 let previousChildBottom = currentLineElements[currentLineElements.length - 1].offset().top + currentLineElements[currentLineElements.length - 1].outerHeight(); let childTop = $child.offset().top; // 如果当前元素不在上一行的下方,说明是新行的开始 if (previousChildBottom < childTop) { // 给上一行的最后一个元素添加类名 currentLineElements[currentLineElements.length - 1].addClass('menu-item-line'); // 清空当前行元素数组,准备处理新行 currentLineElements = []; } // 添加当前元素到当前行 currentLineElements.push($child); } // 处理最后一行的最后一个元素 if (index === $children.length - 1) { if (currentLineElements.length > 0) { currentLineElements[currentLineElements.length - 1].addClass('menu-item-line'); } } }); } }) </script> <script> $(() => { $('.bottom-container .goto-top-btn').click(function () { $('html,body').animate({scrollTop: 0}, 100); }) let $div = $('.bottom-container .information-right-list'); let currentLineElements = []; // 用于存储当前行的元素 let $children = $div.children(); $children.each(function (index, child) { let $child = $(child); // 如果是第一行或当前元素前面没有元素,直接添加到当前行 if (index === 0 || currentLineElements.length === 0) { currentLineElements.push($child); } else { // 检查当前元素是否在新行上,这里假设元素之间有空隙(如margin/padding)表示换行 let previousChildBottom = currentLineElements[currentLineElements.length - 1].offset().top + currentLineElements[currentLineElements.length - 1].outerHeight(); let childTop = $child.offset().top; // 如果当前元素不在上一行的下方,说明是新行的开始 if (previousChildBottom < childTop) { // 给上一行的最后一个元素添加类名 currentLineElements[currentLineElements.length - 1].addClass('information-right-line'); // 清空当前行元素数组,准备处理新行 currentLineElements = []; } // 添加当前元素到当前行 currentLineElements.push($child); } // 处理最后一行的最后一个元素 if (index === $children.length - 1) { if (currentLineElements.length > 0) { currentLineElements[currentLineElements.length - 1].addClass('information-right-line'); } } }); goToTopShow() $(window).on('scroll', goToTopShow) function goToTopShow() { let scrollTop = $(window).scrollTop(); if (scrollTop > 0) { $('.goto-top-btn').addClass('is-show'); } else { $('.goto-top-btn').removeClass('is-show'); } } }) </script> </html>