// 导航距离左侧调整 let navLeftArea = $('.header .location').offset().left $('.header .nav').css('margin-left', navLeftArea) // 导航下拉位置 $('.header .nav ul li > .level').css({ 'margin-left': -navLeftArea, 'width':$(window).width(), }) // 技术支持完善客服 $('.jishuBlock3 .content .left').css('padding-left',navLeftArea) $(window).resize(function () { // 导航距离左侧调整 let navLeftArea = $('.header .location').offset().left $('.header .nav').css('margin-left', navLeftArea) // 导航下拉位置 $('.header .nav ul li > .level').css('margin-left', -navLeftArea) $('.header .nav ul li > .level').css('width',$(window).width()) // 技术支持完善客服 $('.jishuBlock3 .content .left').css('padding-left',navLeftArea) }) // footer hover $('.footer .w1400 .top .left ul li').hover(function () { $(this).children('.position').stop().fadeIn() }, function () { $(this).children('.position').stop().fadeOut() }) $('.footer .w1400 .top .left ul li').hover(function () { $(this).children('.position').stop().fadeIn() }, function () { $(this).children('.position').stop().fadeOut() }) $('.footer .w1400 .top .right ul li').hover(function () { $(this).children('.position').stop().fadeIn() }, function () { $(this).children('.position').stop().fadeOut() }) // aos.js AOS.init({ easing: 'ease-out-back', duration: 1000 }); // 滚动修改导航栏 $(window).scroll(function () { if ($(window).scrollTop() > 1) { $('.header').addClass('active') return } $('.header').removeClass('active') }) // 下拉导航 $('.header .nav ul li').hover(function(){ if($(this).children('.level').children('a').length < 1){ return } // $(this).addClass('on') $(this).children('.level').stop().animate({'height':'80px'}) $('.header .menu .search .searchDiv').stop().animate({'height':'0'}) $('.header .menu .search .searchDiv input').val('') },function(){ // $(this).removeClass('on') $(this).children('.level').stop().animate({'height':'0'}) }) // 搜索 $('.header .menu .search').click(function(){ $(this).children('.searchDiv').stop().animate({'height':'80px'}) }) $('.header .menu .search .searchDiv .close').click(function(event){ event.stopPropagation() $('.header .menu .search .searchDiv').stop().animate({'height':'0'}) }) // 移动端导航 $('.headerMobList ul li').each(function(){ if($(this).children('.level').children('a').length < 1){ $(this).children('a').children('em').css('display','none') } }) $('.headerMobList ul li a em').click(function(event){ event.preventDefault() }) $('.headerMob .w1400 .right .menu').click(function(){ $('.headerMobList').stop().fadeIn() $('.headerMobList ul').stop().animate({'right':0}) $('.headerMobList .close').stop().animate({'right':'20px'}) }) $('.headerMobList').click(function(){ $('.headerMobList').stop().fadeOut() $('.headerMobList ul').stop().animate({'right':'-80%'}) $('.headerMobList .close').stop().animate({'right':'-50px'}) $('.headerMobList ul li').removeClass('on') $('.headerMobList ul li .level').stop().animate({'height': 0}) }) $('.headerMobList ul span .close').click(function(){ $('.headerMobList').stop().fadeOut() $('.headerMobList ul').stop().animate({'right':'-80%'}) $('.headerMobList .close').stop().animate({'right':'-50px'}) $('.headerMobList ul li').removeClass('on') $('.headerMobList ul li .level').stop().animate({'height': 0}) }) $('.headerMobList ul').click(function(event){ event.stopPropagation() }) $('.headerMobList ul li > a').each(function(){ if($(this).siblings('.level').children('a').length > 0){ $(this).removeAttr('href') } }) $('.headerMobList ul li > a').click(function(){ let thisLevelNum = $(this).siblings().children('a').length let thisLevelHeigth = $(this).siblings().children('a').outerHeight(true) if($(this).parent().hasClass('on')){ $(this).siblings().stop().animate({'height': 0}) $(this).parent().removeClass('on') return } $(this).siblings().stop().animate({'height':thisLevelHeigth * thisLevelNum}) $(this).parent().addClass('on') }) $('.header .nav ul li a').each(function(){ if(window.location.pathname == $(this).attr('href')){ $(this).parents('li').addClass('on') }else if(window.location.pathname == $(this).attr('href') + '.html'){ $(this).parents('li').addClass('on') } }) $('.rightBlock ul .toTop').click(function(){ $('body,html').stop().animate({scrollTop:0}) }) // 搜索 $('.header .menu .search .searchDiv > div .btn').click(function(){ window.location.href="/search?q=" + $(this).siblings('#search').val() })