$(document).ready(function() { var screen_w=window.innerwidth; var screen_h=window.innerheight; var center_dot={ x:screen_w/2, y:screen_h/2 } var mobilewidth=768; var ismobile=false; if(screen_w<=mobilewidth){ ismobile=true; }else{ ismobile=false; } //优化交互方案,用before伪类,横向平铺,让子菜单不用只触发到菜单项才展开 .menu_list .menu_item .txt:before if($('.video1')[0]){ //banner var isbanner = false; var isbanneri = 0; var u = navigator.useragent; if (u.indexof('android') > -1 || u.indexof('linux') > -1) {//安卓手机 $('.video1').hide(); $('.banner_txt').addclass('animation'); } else if (u.indexof('iphone') > -1) {//苹果手机 document.addeventlistener("weixinjsbridgeready", function () {    $('#video')[0].play() }, false); } else if (u.indexof('windows phone') > -1) {//winphone手机 $('.video1').hide(); $('.banner_txt').addclass('animation'); } $('.video1')[0].onplaying = function (){ $('.banner_txt').addclass('animation'); isbanner = true; } setinterval(function (){ if(isbanner){ if($('.video1')[0].currenttime < 0.5){ if(isbanneri){ $('.banner_txt .hook_area').addclass('animation1'); } $('.banner_txt .hook_area').removeclass('animation2'); $('.banner_txt .hook_area').removeclass('animation3'); $('.banner_txt .hook_area').removeclass('animation4'); } if($('.video1')[0].currenttime > 2.7){ isbanneri = 1; $('.banner_txt .hook_area').addclass('animation2'); } if($('.video1')[0].currenttime > 4.5){ $('.banner_txt .hook_area').addclass('animation3'); } if($('.video1')[0].currenttime > 6.4){ $('.banner_txt .hook_area').addclass('animation4'); } } },1000/24); } /* 连接责任与信任banner */ var resp_area_banner_time; var resp_area_index = 0; var resp_area_width = $('.resp_area .slide_area').width(); var resp_area_len = $('.resp_area .slide_list li').length; function resp_area_banner(l){ if(l){ resp_area_index--; resp_area_index = resp_area_index < 0 ? resp_area_len-1 : resp_area_index; }else{ resp_area_index++; resp_area_index = resp_area_index < resp_area_len ? resp_area_index : 0; } $('.resp_area .slide_list li').removeclass('active'); $('.resp_area .slide_list li').eq(resp_area_index).addclass('active'); } var resp_area_banner_time = setinterval(resp_area_banner,4000); $('.resp_area .slide_area .icon_arrow').on('click',function(){ clearinterval(resp_area_banner_time); if($(this).hasclass('icon_arrow_l')){ resp_area_banner(1); }else{ resp_area_banner(); } resp_area_banner_time = setinterval(resp_area_banner,4000); }) /* 连接人才与发展banner */ var develop_area_banner_time; var develop_area_index = 0; var develop_area_width = $('.develop_area .slide_area').width(); var develop_area_len = $('.develop_area .slide_list li').length; function develop_area_banner(l){ if(l!=undefined){ develop_area_index = l; }else{ develop_area_index++; } develop_area_index = develop_area_index < develop_area_len ? develop_area_index : 0; $('.develop_area .slide_list li').removeclass('active'); $('.develop_area .slide_list li').eq(develop_area_index).addclass('active'); $('.develop_area .slide-tab .li').removeclass('active'); $('.develop_area .slide-tab .li').eq(develop_area_index).addclass('active'); } var develop_area_banner_time = setinterval(develop_area_banner,5000); $('.develop_area .slide-tab .li').on('click',function(){ clearinterval(develop_area_banner_time); develop_area_banner($(this).index()); develop_area_banner_time = setinterval(develop_area_banner,4000); }) $('.back_to_top').on('click',function(){ $('html , body').animate({scrolltop: 0},'slow'); }) /* 二级页面导航栏 */ function pagetab(){ var devicewidth = $(window).width() // 设备屏幕宽度 if(devicewidth<=768){ $('.mod-tab .mc-right').hide(); $('.mod-tab .mc-left').hide(); $('.mod-tab .clearfix ul').css({'left':'16px','right': 'auto'}); }else{ var modtabulw = $('.mod-tab .clearfix ul').width(); var modtabw = $('.mod-tab .clearfix').width(); if(modtabulw >modtabw){ $('.mod-tab .mc-right').show(); } $('.mod-tab .mc-right').on('click',function(){ $('.mod-tab .clearfix ul').css({'right':'0px','left': 'auto'}); $('.mod-tab .mc-right').hide(); $('.mod-tab .mc-left').show(); }) $('.mod-tab .mc-left').on('click',function(){ $('.mod-tab .clearfix ul').css({'left':'16px','right': 'auto'}); $('.mod-tab .mc-right').show(); $('.mod-tab .mc-left').hide(); }) } } var brandtabofftop = []; $(window).resize( function() { // 当pc端页面宽度缩小到移动端大小时 $('.mod-tab .clearfix ul').css({'left':'16px','right': 'auto'}); pagetab(); brandtabofftop = []; if($(window).width() <=768){ $('.mobile-tab-brand').each(function(){ var that = $(this); settimeout(function(){ brandtabofftop.push(that.offset().top); },100) }) }else{ $('.pc-tab-brand').each(function(){ brandtabofftop.push($(this).offset().top); }) } }) settimeout(function(){ pagetab(); brandtabofftop =[]; var modtab; if($('.mod-tab').length>=1){ modtab = $('.mod-tab').offset().top; } var p=0,t=0; if($(window).width() <=768){ $('.mobile-tab-brand').each(function(){ var that = $(this); settimeout(function(){ brandtabofftop.push(that.offset().top); },100) }) }else{ $('.pc-tab-brand').each(function(){ brandtabofftop.push($(this).offset().top); }) } var showheadstate = true; $(window).scroll(function(event){ p = $(this).scrolltop(); if(t<=p){ //向下滚 $('.position2').css('top','0px'); }else{ } settimeout(function(){t = p;},0); if($(document).scrolltop()>=modtab){ $('.position2').addclass('fixed'); }else{ $('.position2').css('top','0px'); $('.position2').removeclass('fixed'); } if($(window).width() <=768){ if(showheadstate != false){ scrollnav($('.mobile-tab-brand')); } }else{ if(showheadstate != false){ scrollnav($('.pc-tab-brand')); } } }); $('.mod-tab li').on('click',function(){ showheadstate = false; $('.mod-tab li').removeclass('active-tab'); $(this).addclass('active-tab'); $('.mod-tab .line').stop().animate({'left':$(this).position().left+'px','width': $(this).width()},200); var t = brandtabofftop[$(this).index()]; var t22 = t-90; $("html,body").animate({scrolltop: t22+"px"}, 200); settimeout(function(){ showheadstate = true; },300) }) },50) function scrollnav(dom){ var sections = dom; sections.each(function(index,el){ var _this = $(this); if( _this.offset().top <= $(document).scrolltop()){ $('.mod-tab .line').stop().animate({'left':$('.mod-tab li').eq(index).position().left+'px','width': $('.mod-tab li').eq(index).width()},200); $('.mod-tab li').removeclass('active-tab'); $('.mod-tab li').eq(index).addclass('active-tab'); } }) } });