$(function() { // tab切换 $('.tab a').click(function() { $(this).addClass('active').siblings().removeClass('active'); $(this).parent().parent().find('.tab-box .tab-info').eq($(this).index()).show().siblings().hide() }) $('.tab a').each(function() { if ($(this).hasClass('active')) { $(this).parent().parent().find('.tab-box .tab-info').eq($(this).index()).show().siblings().hide() } }) $('.info_tab a').each(function() { if ($(this).hasClass('on')) { $(this).prev().addClass('no_after') } }) /*菜单项*/ if ($(window).width() > 1200) { $('.naver ul li').hover(function() { $(this).find('.s_nav').slideDown() }, function() { $(this).find('.s_nav').stop(true, false).slideUp() }) } else { if ($('.naver').hasClass('fold')) { } else { $('.nav_icon').removeClass('on'); } $('.nav_icon').click(function() { $('.naver').toggleClass('fold').slideToggle() $(this).toggleClass('on') }) $('.naver ul li').each(function() { if ($(this).find('.s_nav').length) { $(this).children('a').addClass('icon1'); $(this).children('a').removeAttr('href'); }; }) $('.naver ul li > a.icon1').click(function() { if ($(this).hasClass('active')) { $(this).removeClass('active'); $(this).next('.s_nav').slideUp(); } else { $(this).addClass('active').parent('li').siblings().children('a').removeClass('active'); $(this).next('.s_nav').slideDown().parent('li').siblings().children('.s_nav').slideUp(); } }) } // 导航栏滚轮 var breakpoint1200 = 1025; var breakpoint992 = 992; var $header = $('header'), $navTop = $('.top-nav'), $subnav = $('.main-subnav'), $pointNav = $('.point-content-nav'); var poinFixedTop = $pointNav.length > 0 ? $pointNav.offset().top : 0; var tabsFixedTop = $('.nav-tabs.nav-fixed-tabs').length > 0 ? $('.nav-tabs.nav-fixed-tabs').offset().top : 0; var before = 0; var topHeight = window.innerWidth >= breakpoint1200 ? 25 : 0; var headerHeight = $header.height(); var nTop = $subnav.length > 0 ? headerHeight + ($pointNav.length <= 0 && $('.nav-tabs.nav-fixed-tabs').length <= 0 ? $subnav.height() : 0) : headerHeight; //resize var winWidth = window.innerWidth; $(window).resize(function() { if ((window.innerWidth >= breakpoint1200 && winWidth < breakpoint1200) || (window.innerWidth < breakpoint1200 && winWidth >= breakpoint1200)) { winWidth = window.innerWidth; // topHeight = window.innerWidth >= breakpoint1200 ? 25 : 0; headerHeight = $header.height(); nTop = $subnav.length > 0 ? headerHeight + ($pointNav.length <= 0 && $('.nav-tabs.nav-fixed-tabs').length <= 0 ? $subnav.height() : 0) : headerHeight; if ($pointNav.length > 0 && $pointNav.hasClass('fixed')) { $pointNav.removeClass('fixed'); poinFixedTop = $pointNav.offset().top; $pointNav.addClass('fixed'); return; } if ($pointNav.length > 0) poinFixedTop = $pointNav.offset().top; if ($('.nav-tabs.nav-fixed-tabs').length > 0) tabsFixedTop = $('.nav-tabs.nav-fixed-tabs').offset().top; //手机pc切换修正 if (window.innerWidth < breakpoint1200) { $navTop.removeAttr('style'); $header.removeClass('header-hide'); } else { if ($('body').hasClass('mobile-menu-open')) { $('body').removeClass('mobile-menu-open'); } } } }); var scrollKey = true; var userScroll = function(e) { if (scrollKey) { var wWidth = window.innerWidth || Math.max(document.documentElement.clientHeight, document.body.clientHeight) if (wWidth > breakpoint1200) { $('.b-search-keyword').hide(); } var after = $(window).scrollTop(); if (Math.abs(after - before) < 10) return; if (after >= before) { //固定头部,二级导航 if ($(window).scrollTop() >= topHeight && !$header.hasClass('fixed')) { $header.addClass('fixed'); $navTop.css('margin-bottom', nTop + 'px'); // if ($pointNav.length <= 0 && $('.nav-tabs.nav-fixed-tabs').length <= 0 && $subnav.length > 0) { $subnav.addClass('fixed'); } } //固定锚点导航 if ($(window).scrollTop() >= poinFixedTop - (($header.hasClass('header-hide') ? 0 : headerHeight) || 0) && ! $pointNav.hasClass('fixed')) { $pointNav.css({ top: (($header.hasClass('header-hide') ? 0 : headerHeight) || 0) }).addClass('fixed'); } //固定tab切换 if ($(window).scrollTop() >= tabsFixedTop - (($header.hasClass('header-hide') ? 0 : headerHeight) || 0) && !$( '.nav-tabs').hasClass('fixed')) { $('.nav-tabs.nav-fixed-tabs').css({ top: (($header.hasClass('header-hide') ? 0 : headerHeight) || 0) }).addClass('fixed'); $('.nav-arrow').addClass('fixed'); //$('.nav-tabs .nav-arrow').hide(); $('.tab-content.nav-fixed-content').addClass('tabs-fixed'); } //隐藏header if ($(document).scrollTop() >= 150) { $header.addClass('header-hide'); if ($pointNav.length <= 0 && $('.nav-tabs.nav-fixed-tabs').length <= 0) { $subnav.addClass('top'); } else { $pointNav.removeAttr('style'); $('.nav-tabs.nav-fixed-tabs').removeAttr('style'); $('.nav-arrow').removeAttr('style'); //$('.nav-tabs .nav-arrow').hide(); } } } else { if ($header.hasClass('fixed') && $header.hasClass('header-hide')) { $header.removeClass('header-hide'); if ($pointNav.length <= 0 && $subnav.length > 0) $subnav.removeClass('top'); if ($pointNav.hasClass('fixed')) { $pointNav.css({ top: headerHeight }) } if ($('.nav-tabs.nav-fixed-tabs').hasClass('fixed')) { $('.nav-tabs.nav-fixed-tabs').css({ top: headerHeight }) $('.nav-arrow').css({ top: headerHeight }) } } if ($(window).scrollTop() < topHeight && $header.hasClass('fixed')) { $navTop.removeAttr('style'); if ($pointNav.length <= 0 && $subnav.length > 0) $subnav.removeClass('fixed'); } if ($(window).scrollTop() < poinFixedTop - ($header.hasClass('header-hide') ? 0 : headerHeight) && $pointNav.hasClass( 'fixed')) { $pointNav.removeClass('fixed').removeAttr('style'); } if ($(window).scrollTop() < tabsFixedTop - ($header.hasClass('header-hide') ? 0 : headerHeight) && $('.nav-tabs') .hasClass('fixed')) { $('.nav-tabs.nav-fixed-tabs').removeClass('fixed').removeAttr('style'); $('.nav-arrow').removeClass('fixed').removeAttr('style'); $('.tab-content.nav-fixed-content').removeClass('tabs-fixed'); // $('.nav-tabs .nav-arrow').show(); navTabs(); } } before = after; } }; userScroll(); $(window).on('scroll', userScroll); //搜索 $(".search_icon").click(function(){ $(this).hide(); $(".search_form").fadeIn(600); }) new WOW().init(); // 动画 var infotabTime = 0; $('.info_tab a').each(function() { infotabTime += 0.2; $(this).attr('data-wow-delay', infotabTime + 's') }) var resourcestime = 0.4; $('.resources_ul li').each(function() { resourcestime += .2; $(this).attr('data-wow-delay', resourcestime + 's') }) // $(".f_icon2").hover({ // // alert(1); // $(".f_icon2").toggleClass('fu_current'); // }) })