var header = { //手机版头部 m_nav: function(){ var wi = $(window).width(); if(wi <= 1100){ $(document).on('click', '#ly_web_header_0001_0 .menu', function() { $(this).toggleClass('cur'); $('#ly_web_header_0001_0_m-nav').toggleClass('cur'); $('#ly_web_header_0001_0_m-nav .one-nav').removeClass('cur'); $('#ly_web_header_0001_0_m-nav .one-nav .two-nav').stop(true, true).slideUp(); }); $(document).on('click', '#ly_web_header_0001_0_m-nav .nav .one-nav', function() { $(this).toggleClass('cur'); $(this).find('.two-nav').stop(true, true).slideToggle(); $(this).siblings().removeClass('cur').find('.two-nav').stop(true, true).slideUp(); $(this).siblings().find('.two-a').removeClass('cur'); }); $(document).on('click', '#ly_web_header_0001_0_m-nav .nav .one-nav .two-nav .two-a', function() { $('#ly_web_header_0001_0 .hright .menu').removeClass('cur'); $('#ly_web_header_0001_0_m-nav').removeClass('cur'); $('#ly_web_header_0001_0_m-nav .one-nav .two-nav').stop(true, true).slideUp(); }); $(document).on('click', '#ly_web_header_0001_0_m-nav .nav .one-nav .two-nav>div', function(e) { e.stopPropagation(); }); $(document).on('click', '#ly_web_header_0001_0_m-nav .nav .one-nav .two-pro', function() { $(this).toggleClass('cur'); $(this).find('.pro-box').stop(true, true).slideToggle(); $(this).siblings().removeClass('cur').find('.pro-box').stop(true, true).slideUp(); }); $(window).scroll(function(e){ $('#ly_web_header_0001_0 .hright .menu').removeClass('cur'); $('#ly_web_header_0001_0_m-nav').removeClass('cur'); $('#ly_web_header_0001_0_m-nav .one-nav .two-nav').stop(true, true).slideUp(); $('#ly_web_header_0001_0_m-nav .nav .one-nav .two-pro').removeClass('cur'); $('#ly_web_header_0001_0_m-nav .nav .one-nav .two-pro .pro-box').stop(true, true).slideUp(); }); } }, }; $(document).ready(function() { // 头部二级菜单展示 $('#ly_web_header_0001_0 .hnav .one-nav').hover( function() { // 鼠标进入 var $this = $(this); var h = $this.find('.h').outerHeight(); // 移除所有 active $('#ly_web_header_0001_0 .hnav .one-nav').removeClass('active'); // 为当前元素添加 active $this.addClass('active'); // 设置二级菜单高度 $this.find('.two-nav').stop().animate({height: h + 1}, 200); }, function() { // 鼠标离开 var $this = $(this); // 延迟移除 active,避免快速切换时闪烁 setTimeout(function() { if (!$this.is(':hover')) { $this.removeClass('active'); $this.find('.two-nav').stop().animate({height: 0}, 200); } }, 100); } ); // 为 products 添加特殊处理 $('#ly_web_header_0001_0 .hnav .one-nav.products').hover( function() { var $this = $(this); var h = $this.find('.h').outerHeight(); $this.find('.pro_nav').stop().animate({height: h + 1}, 200); }, function() { var $this = $(this); setTimeout(function() { if (!$this.is(':hover')) { $this.find('.pro_nav').stop().animate({height: 0}, 200); } }, 100); } ); }); $(function(){ header.m_nav(); // 屏幕变化时 $(window).resize(function(){ header.m_nav(); }); });; ; $(document).ready(function(){ // 封装菜单功能 function initMobileMenu() { var $menuTitles = $('#ly_web_footer_0001_0_top .list_item .title'); // 移除之前绑定的事件,防止重复绑定 $menuTitles.off('click.mobileMenu'); // 只在宽度小于等于992px时绑定点击事件 if ($(window).width() <= 1100) { $('#ly_web_footer_0001_0_top .list_item').removeClass('cur'); $('#ly_web_footer_0001_0_top .list_item .two_list').css('height', '0'); $menuTitles.on('click.mobileMenu', function(){ var $big = $(this).parent('.list_item'); var $twoList = $big.find('.two_list'); var h = $big.find('.two').outerHeight(); var wasCurrent = $big.hasClass('cur'); // 记录点击前的状态 // 先收起所有其他菜单 $('#ly_web_footer_0001_0_top .list_item').not($big).removeClass('cur'); $('#ly_web_footer_0001_0_top .list_item .two_list').not($twoList).height(0); // 切换当前菜单状态 if (wasCurrent) { $big.removeClass('cur'); $twoList.height(0); } else { $big.addClass('cur'); $twoList.height(h + 1); } }); } else { // 在桌面端时,确保所有菜单都是展开状态 $('#ly_web_footer_0001_0_top .list_item .two_list').css('height', 'auto'); } } // 页面加载时初始化一次 initMobileMenu(); // 监听窗口大小变化,重新初始化菜单 $(window).on('resize', function() { initMobileMenu(); }); });; ; $(document).ready(function(){ // 点击按钮:平滑滚动到顶部 $('.ly_web_sidebar_001_1-btn').click(function() { $('html, body').animate( { scrollTop: 0 }, // 目标位置(顶部) 800 // 动画时长(800ms) ); return false; // 阻止默认事件(如锚点跳转) }); }); ; // 头部二级菜单展示 $('#ly_web_banner_0002_0 .hnav .one-nav').hover(function(){ var big = $(this); var h = big.find('.h').height(); big.find('.two-nav').height(h+20); }, function(){ var big = $(this).parent(); big.find('.two-nav').height(0); }); var ly_web_banner_0002_0_header = { //导航滚动效果 nav: function(){ var p=0,t=0; $(window).scroll(function(e){ if($(window).width() <= 750){ $("#ly_web_banner_0002_0").removeClass('none'); return false; } p = $(this).scrollTop(); if(p > 0){ $('#ly_web_banner_0002_0').addClass('cur'); }else{ $('#ly_web_banner_0002_0').removeClass('cur'); } if(t<=p){//向下滚 $('#ly_web_banner_0002_0').addClass('none'); }else{//向上滚 $('#ly_web_banner_0002_0').removeClass('none'); // $('#ly_web_banner_0002_0').addClass('cur'); } setTimeout(function(){t = p;},0); }); }, //手机版头部 m_nav: function(){ var wi = $(window).width(); if(wi <= 1024){ $(document).on('click', '#ly_web_banner_0002_0 .menu', function() { $(this).toggleClass('cur'); $('#ly_web_banner_0002_0_m-nav').toggleClass('cur'); $('#ly_web_banner_0002_0_m-nav .one-nav').removeClass('cur'); $('#ly_web_banner_0002_0_m-nav .one-nav .two-nav').slideUp(); }); $(document).on('click', '#ly_web_banner_0002_0_m-nav .nav .one-nav', function() { $(this).toggleClass('cur'); $(this).find('.two-nav').slideToggle(); $(this).siblings().removeClass('cur').find('.two-nav').slideUp(); $(this).siblings().find('.two-a').removeClass('cur'); }); $(document).on('click', '#ly_web_banner_0002_0_m-nav .nav .one-nav .two-nav .two-a', function() { $('#m-header .menu').removeClass('cur'); $('#ly_web_banner_0002_0_m-nav').removeClass('cur'); $('#ly_web_banner_0002_0_m-nav .one-nav .two-nav').slideUp(); }); $(document).on('click', '#ly_web_banner_0002_0_m-nav .nav .one-nav .two-nav>div', function(e) { e.stopPropagation(); }); } }, //头部搜索 search: function(){ var wi = $(window).width(); if(wi > 1024){ $(document).on('click','#ly_web_banner_0002_0 .search .search-icon',function(){ $('#ly_web_banner_0002_0 .search .h-search').slideToggle(); $(this).toggleClass('cur'); }); $(document).on("mouseleave", "#ly_web_banner_0002_0 .search .h-search", function () { $(this).stop(true).slideUp(); $('#ly_web_banner_0002_0 .search .search-icon').removeClass('cur'); }); }else{ $(document).on('click','#ly_web_banner_0002_0 .search .search-icon',function(){ $('#ly_web_banner_0002_0_search-box').slideToggle(); $(this).toggleClass('cur'); }); } }, // PC版头部语言 lang: function(){ var wi = $(window).width(); if(wi > 1024){ $(document).on('click','#ly_web_banner_0002_0 .lang .lang-icon',function(){ $('#ly_web_banner_0002_0 .lang .h-lang').slideToggle(); $(this).toggleClass('cur'); }); $(document).on("mouseleave", "#ly_web_banner_0002_0 .lang .h-lang", function () { $(this).stop(true).slideUp(); $('#ly_web_banner_0002_0 .lang .lang-icon').removeClass('cur'); }); } }, }; ly_web_banner_0002_0_header.nav(); ly_web_banner_0002_0_header.m_nav(); ly_web_banner_0002_0_header.search(); ly_web_banner_0002_0_header.lang(); ; ; ; // 核心服务 鼠标悬停切换brief内容及三角形位置 $(document).ready(function() { // 初始化第一个item initFirstItem(); // 为每个item添加鼠标悬停事件 $('#ly_web_solution_detail_0001_1_model2 .item').hover( // mouseenter事件 function() { var $this = $(this); // 获取当前item的brief内容 var briefContent = $this.find('.brief').html(); // 更新info区域的brief内容 $('#ly_web_solution_detail_0001_1_model2 .info .brief').html(briefContent); // 更新激活状态 $('#ly_web_solution_detail_0001_1_model2 .item').removeClass('cur'); $this.addClass('cur'); // 更新三角形位置 updateJtPosition($this); } ); // 初始化第一个item function initFirstItem() { var firstItem = $('#ly_web_solution_detail_0001_1_model2 .item').first(); var defaultBrief = firstItem.find('.brief').html(); $('#ly_web_solution_detail_0001_1_model2 .info .brief').html(defaultBrief); $('#ly_web_solution_detail_0001_1_model2 .item').removeClass('cur'); firstItem.addClass('cur'); updateJtPosition(firstItem); } // 更新三角形位置的函数 function updateJtPosition(item) { if (!item.length) return; // 获取相关元素 var jt = $('#ly_web_solution_detail_0001_1_model2 .info .jt'); var container = $('#ly_web_solution_detail_0001_1_model2 .cw1400'); var containerWidth = container.width(); // 计算item在容器内的中心位置 // 需要考虑到容器可能有滚动 var containerRect = container[0].getBoundingClientRect(); var itemRect = item[0].getBoundingClientRect(); // 计算item中心相对于容器左边界的距离 var itemCenter = ((itemRect.left + itemRect.right) / 2) - containerRect.left; // 转换为百分比 var itemCenterPercent = (itemCenter / containerWidth) * 100; // 确保百分比在合理范围内(0-100%) itemCenterPercent = Math.max(0, Math.min(100, itemCenterPercent)); // 设置三角形的位置 jt.css({ 'left': itemCenterPercent + '%', 'transform': 'translateX(-50%)' }); } // 窗口大小改变时重新计算位置 $(window).resize(function() { var currentItem = $('#ly_web_solution_detail_0001_1_model2 .item.cur'); if (currentItem.length) { setTimeout(function() { updateJtPosition(currentItem); }, 50); } }); // 初始化 setTimeout(function() { updateJtPosition($('#ly_web_solution_detail_0001_1_model2 .item.cur')); }, 100); });; ; ; ; ; ; ; ; ; ;