var masterInfo = { mainIScroll:'', parallaxList:[], pcAni:[], scrollDatas:{}, loadStr:true, counterStr:true, pageNumber:1, countdown:60, windowHeight:$(window).height(), //鍒濆鍖 init:function(){ //wap绔鐢 if(masterInfo.mobile()){ var Navli = $('.nav_a'); $.each(Navli, function() { if($(this).children('.mobileNav').length!=0){ $(this).children('a').attr('href','javascript:void(0)'); } }); } //榧犳爣 if($('.cursor').length!=0){ masterInfo.cursorFollow(); masterInfo.cursorHover('.MouseFollow'); } //澶撮儴鑳屾櫙鑹 $('#initial').data('type')==2 || masterInfo.mobile()?!$('.header').is('.onBg')?$('.header').addClass('onBg'):'':''; //璇︽儏鍒嗕韩 if($('#newsShare').length!=0){ $('#newsShare').share({sites: ['qzone', 'qq', 'weibo','wechat']}); } //鍘婚櫎鍒濆杩囧害 $('.transition_none').removeClass('transition_none'); this.imgpreload(); //杩斿洖椤堕儴 $("#backTop").click(function(){ if($('.header').data('name')==24){ masterInfo.contact_swiper.slideTo(0, 1000, false); }else{ masterInfo.mainIScroll.scrollTo(0,0,0,IScroll.utils.ease.back); masterInfo.parallaxList.forEach(function (el) { el.el.style.transform = "translateY(0px)"; }); if($('.product_nav').length==0){ $('.header').data('name')==''?$('.header').removeClass('onWhite'):''; $('.header').addClass('onShow'); } if($('#contact_bg').length!=0){ $('#contact_bg')[0].style.transform = "translateY(0px)"; } } }); //about宸﹀彸瀵归綈 if($('.aboutBrief_datas').length!=0 && !masterInfo.mobile()){ var firstli = $('.aboutBrief_datas').children('.aboutBrief_datas_item:first-child')[0].getBoundingClientRect().width, lastli = $('.aboutBrief_datas').children('.aboutBrief_datas_item:last-child')[0].getBoundingClientRect().width ,firsticon = $('.aboutBrief_datas').children('.aboutBrief_datas_item:first-child').children('div')[0].getBoundingClientRect().width ,lasticon = $('.aboutBrief_datas').children('.aboutBrief_datas_item:last-child').children('div')[0].getBoundingClientRect().width; $('.aboutBrief_datas').css({'margin-left':'-'+(firstli/2-firsticon/2)+'px','margin-right':'-'+(lastli/2-lasticon/2)+'px'}); } //about鍙戝睍鍘嗙▼ if($('#course_info').length!=0){ var course_info = new Swiper ('#course_info', { speed:500, effect:'fade', autoHeight: true, breakpoints: { 992:{ autoHeight: false, }, }, fadeEffect:{ crossFade:true, }, navigation: { nextEl: '.course_switch_next', prevEl: '.course_switch_prev', }, thumbs: { swiper:{ speed:500, el:'#courseTap', freeMode: true, slidesPerView:3, watchSlidesVisibility:false, //resistanceRatio: 0, breakpoints: { 992:{ slidesPerView:6, }, 768: { slidesPerView:4, }, } }, autoScrollOffset:1, }, on:{ init: function(){ $('.courseTap_line').width($('#courseTap').find('.swiper-slide').first().width() * $('#courseTap').find('.swiper-slide').length); }, slideChangeTransitionStart: function(){ $('#courseTap').find('.swiper-slide').eq(this.activeIndex).nextAll().removeClass('onTap'); $('#courseTap').find('.swiper-slide').eq(this.activeIndex).prevAll().addClass('onTap'); $('.courseTap_line>s').width($('#courseTap').find('.swiper-slide').first().width() * this.activeIndex); } } }); } //鐢ㄦ埛鏈嶅姟>甯歌闂 if($(".problem_item").length!=0){ var ontime; $(document).on('click','.problem_item>a',function(){ if($(this).is('.on')){ $(this).removeClass('on').children('.problem_item_info').height(0); }else{ $(this).addClass('on').children('.problem_item_info').height($(this).children('.problem_item_info').children('div').outerHeight()) .parents('.problem_item').siblings().children('a').removeClass('on').children('.problem_item_info').height(0); } if(!masterInfo.mobile()){ clearTimeout(ontime); ontime = setTimeout(function(){ masterInfo.mainIScroll.refresh(); },400); } }); } //鍦板浘鍒涘缓 if($('#Gaodemap').length!=0){ $.getScript("https://webapi.amap.com/maps?v=1.4.15&key=dedfdb033dd70e7c4c13a2445450b733",function(){ //鍦板浘鎻忕偣 var map = new AMap.Map("Gaodemap", { zoom: 15, center: [104.171219,30.682646], resizeEnable: true }); var mapSpot = ''; var marker = new AMap.Marker({ position: [104.171219,30.682646], content: mapSpot, offset: new AMap.Pixel(-13, -30) }); map.add(marker); }); $('.contactCity_map').hover(function(){ $('#main>.main_roll').bind('mousewheel', function(event, delta) {return false;}); },function(){ $('#main>.main_roll').unbind('mousewheel'); }); } //婊氬姩鍒跺畾浣嶇疆 if($('#scrollTab').length!=0){ $(document).on('click','#scrollTab .ontab',function(){ var id = $(this).data('id'); masterInfo.mainIScroll.scrollToElement($('#'+id).get(0),0); masterInfo.scrollDatas.scrollY = Math.abs(masterInfo.mainIScroll.y); masterInfo.Ani(masterInfo.scrollDatas); }); } //涓撻鎸夋懇澶 if($('#massage_list').length!=0 && !masterInfo.mobile()){ var massage_list = new Swiper ('#massage_list', { speed:350, centerInsufficientSlides:true, centeredSlidesBounds: true, breakpoints: { 1440:{ slidesPerView:6, }, 1200:{ slidesPerView:5, }, 992:{ slidesPerView:4, }, } }); } //pc瀵艰埅浜岀骇 if(!masterInfo.mobile()){ var hoverTime; $('.nav_a').hover(function(){ var is = $(this); clearTimeout(hoverTime); hoverTime = setTimeout(function(){ if(is.children('.pcNav').length!=0){ $('.header_Mask').addClass('on'); }else{ $('.header_Mask').removeClass('on'); } if($('#initial').data('type') == 1 && masterInfo.scrollDatas.scrollY < 80){ $('.header').addClass('onBg'); } is.removeClass('hoverNav').find('.pcNavTap_item,.pcNavCnt_list').removeClass('on'); is.addClass('hoverNav').siblings().removeClass('hoverNav'); is.find('.pcNavTap_item:first-child,.pcNavCnt_list:first-child').addClass('on'); },280); },function(){ var is = $(this); clearTimeout(hoverTime); hoverTime = setTimeout(function(){ $('.header_Mask').removeClass('on'); if($('#initial').data('type') == 1 && masterInfo.scrollDatas.scrollY < 80){ $('.header').removeClass('onBg'); } is.removeClass('hoverNav').find('.pcNavTap_item,.pcNavCnt_list').removeClass('on'); },280); }); $('.pcNavTap>.pcNavTap_item').hover(function(){ var is = $(this); is.addClass('on').siblings().removeClass('on'); if(is.parents('.pcNav_info').children('.pcNavCnt').length!=0){ is.parents('.pcNav_info').find('.pcNavCnt_list').eq(is.index()).addClass('on').siblings().removeClass('on'); } }); }else{ //MENU $(document).on('click','#menu_btn',function(){ if($('.header').is('.mobileNavstyle')){ $('.header').removeClass('mobileNavstyle'); }else{ $('.header').addClass('mobileNavstyle'); } }); //mobile瀵艰埅灞曞紑 $(document).on('click','.nav_a>a',function(){ var is = $(this); if(is.parent().children('.mobileNav').length!=0){ var pcnavht = is.parent().children('.mobileNav').children('.mobileNav_info').outerHeight(); if(is.parent().is('.on')){ is.parent().removeClass('on'); is.parent().children('.mobileNav').height(0); }else{ is.parent().addClass('on').siblings().removeClass('on'); is.parent().children('.mobileNav').height(pcnavht).parent().siblings().children('.mobileNav').height(0); } } }); $(document).on('click','.mobileNav_item>a',function(){ var is = $(this); if(is.parent().children('.mobileNavCnt').length!=0){ var mobileNavht = is.parent().children('.mobileNavCnt').children('.mobileNavCnt_list').outerHeight(); if(is.parent().is('.on')){ is.parent().removeClass('on'); is.parent().children('.mobileNavCnt').height(0); }else{ is.parent().addClass('on').siblings().removeClass('on'); is.parent().children('.mobileNavCnt').height(mobileNavht).parent().siblings().children('.mobileNavCnt').height(0); } var pcnavht = 0; pcnavht = 38 * is.parents('.mobileNav_info').children('.mobileNav_item').length + 30; if(is.parent().is('.on')){ is.parents('.mobileNav').height(pcnavht + mobileNavht) }else{ is.parents('.mobileNav').height(pcnavht) } } }); } //搴曢儴浜岀淮鐮佸脊鍑 $(document).on('click','.footerContact_follow>.follow_item>a',function(){ if($(this).parent().is('.on')){ $(this).parent().removeClass('on'); }else{ $(this).parent().addClass('on').siblings().removeClass('on'); } }); //鐐瑰嚮绌虹櫧澶勮Е鍙 $(document).click(function(event){ var _con = $('.footerContact_follow>.follow_item>a'); if(!_con.is(event.target) && _con.has(event.target).length === 0){ _con.parent().is('.on')?$('.footerContact_follow>.follow_item').removeClass('on'):''; } }); //浜у搧鍒囨崲 $('.product_switch>.master_tab_item').hover(function(){ var is = $(this),ontime; is.addClass('on').siblings().removeClass('on'); if(is.parents('.product_switch').siblings('.product_box').children('.product_list').length!=0){ is.parents('.product_switch').siblings('.product_box').children('.product_list').eq(is.index()).addClass('on').siblings().removeClass('on'); ontime = setTimeout(function(){ masterInfo.mainIScroll.refresh(); },0); } }); //榧犳爣瑙嗚宸 if($('.mouseLayer').length!=0 && !masterInfo.mobile()){ $(document).mousemove(function(e){ this.querySelectorAll('.mouseLayer').forEach(index => { const speed = index.getAttribute('data-speed'); const x = (window.innerWidth - e.pageX*speed)/100; const y = (window.innerHeight - e.pageY*speed)/100; TweenLite.to(index,.5,{x:x,y:y,ease:Sine.easeOut}); }); }); } //闂ㄥ簵鍒囨崲 $(document).on('click','#city_tab .city_tab_btn',function(){ var is = $(this),ontime; is.parent().addClass('on').siblings().removeClass('on'); $('#city_list').children('.city_list_item').eq(is.parent().index()).addClass('on').siblings().removeClass('on'); if(!masterInfo.mobile()){ clearTimeout(ontime); ontime = setTimeout(function(){ masterInfo.mainIScroll.refresh(); },400); } }); //鍦板浘鍏抽棴 $(document).on('click','.storemap_close>a',function(){ $('.storemap_Mask,.storemap').removeClass('on'); }); //鍦板浘鎵撳紑 $.getScript("https://webapi.amap.com/maps?v=1.4.15&key=dedfdb033dd70e7c4c13a2445450b733",function(){ $(document).on('click','.city_open',function(){ var pos = $(this).data('city'),name = $(this).data('name'); if(pos == '0.0' || pos == ''){ alert('鍦板潃閿欒'); }else{ pos = [pos.split(',')[0],pos.split(',')[1]]; //鍦板浘鎻忕偣 var map = new AMap.Map("storemap_city", { zoom: 15, center:pos, resizeEnable: true }); var mapSpot = ''; var marker = new AMap.Marker({ position:pos, content: mapSpot, offset: new AMap.Pixel(-13, -30) }); map.add(marker); $('.storemap_name').text(name); $('.storemap_Mask,.storemap').addClass('on'); } }); }); //瑙嗛鎾斁 $(".videocover").click(function(){ $("#videoplay").get(0).play(); $("#videoplay").show(); $(this).hide(); }); //瑙嗛杞挱 if($('#video_list').length!=0){ var video_list = new Swiper ('#video_list', { speed:350, slidesPerView:2, grabCursor:true, breakpoints:{ 768:{ speed:700, slidesPerView:4, } }, scrollbar: { el:'.video_scrollbar', }, freeMode:true, }); } }, //鐩戝惉mobile mobile:function(){ var userAgentInfo = navigator.userAgent; var mobileAgents = [ "Android", "iPhone", "SymbianOS", "Windows Phone", "iPad","iPod"]; var mobile_flag = false; for (var v = 0; v < mobileAgents.length; v++) { if (userAgentInfo.indexOf(mobileAgents[v]) > 0) { mobile_flag = true; break; } } var screen_width = window.screen.width; if(screen_width <= 992){ mobile_flag = true; } return mobile_flag; }, //璁℃暟鍣 counters:function(){ var move = $(".counters"); $.each(move, function(i,k) { var is = $(this),numbers = {score:0},istime = $(this).data('time')?$(this).data('time'):3,isnumbermax = $(this).data('numbermax'); TweenLite.to(numbers,istime,{ score:isnumbermax, onUpdate:function(){ is.text(parseInt(numbers.score)); }, }); }); }, //鍦板潃鏍忓弬鏁 getUrlParms:function(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r!=null) return unescape(r[2]); return null; }, Ani:function(datas){ if(!masterInfo.mobile()){ if(masterInfo.pcAni.length!=0){ masterInfo.pcAni.forEach(function (el) { datas.scrollY > (el.offsetTop - masterInfo.windowHeight)+100 && el.trigger == 0?(el.el.classList.add('animated'),el.trigger = 1):''; }); } if(masterInfo.parallaxList.length!=0){ masterInfo.parallaxList.forEach(function (el) { var direction = (el.offsetTop - datas.scrollY) * el.el.getAttribute('data-speed'); el.el.style.transform = el.el.style.webkitTransform = "translateY(" + direction + "px)"; }); } if(datas.scrollY!=datas.solTop){ if(datas.scrollY >= datas.solTop){ $('.header').is('.onShow')?$('.header').removeClass('onShow'):''; }else{ if($('#initial').data('type')==1){ if(datas.scrollY >= 80){ !$('.header').is('.onBg')?$('.header').addClass('onBg'):''; }else{ $('.header').is('.onBg')?$('.header').removeClass('onBg'):''; } } !$('.header').is('.onShow')?$('.header').addClass('onShow'):''; } datas.solTop = datas.scrollY; } if($('#drift_obj').length!=0){ if(datas.scrollY + 120 >= datas.driftTop){ if((datas.scrollY + 80 - datas.driftTop)<=$('#drift_move').outerHeight() - $('#drift_obj>div').outerHeight()){ $('#drift_obj')[0].style.transform = $('#drift_obj')[0].style.webkitTransform = "translateY(" + (datas.scrollY + 120 - datas.driftTop) + "px)"; } }else{ $('#drift_obj').removeAttr('style'); } } } if($('.counters').length!=0 && masterInfo.counterStr == true){ if(datas.scrollY >= (datas.countersTop - masterInfo.windowHeight)){ masterInfo.counterStr = false; masterInfo.counters(); } } }, imgpreload:function(){ var imgNum = 0,images = []; function preLoadImg() { var imgs = document.images; for (var i = 0; i < imgs.length; i++) { images.push(imgs[i].src); } var cssImages = getallBgimages(); for (var j = 0; j < cssImages.length; j++) { images.push(cssImages[j]); } $.imgpreload(images,{ each:function () { // var status = $(this).data('loaded')?'success':'error'; // if (status == "success") { // var num = Math.round((parseFloat(++imgNum) / images.length).toFixed(2) * 100); // $('.guide_load').children('.guide_line').width(num+'%').next('.guide_number').text(num+'%'); // } }, all:function () { masterInfo.Hbanner(); masterInfo.scrollDatas.solTop = 0; $('#drift_move').length!=0?masterInfo.scrollDatas.driftTop = $('#drift_move').offset().top:''; $('.counters').length!=0?masterInfo.scrollDatas.countersTop = $('.counters').eq(0).offset().top:''; if(!masterInfo.mobile()){ $(".ani").each(function () { masterInfo.pcAni.push({ trigger:0, offsetTop: $(this).offset().top, el: $(this).get(0) }); }); $(".parallax").each(function () { masterInfo.parallaxList.push({ offsetTop: $(this).offset().top, el: $(this).get(0) }); }); if($('.cursor').length!=0){ masterInfo.cursorFollow(); masterInfo.cursorHover('.MouseFollow'); } if($('.grid_item_img').length!=0){ Array.from(document.querySelectorAll('.grid_item_img')).forEach((el) => { const imgs = Array.from(el.querySelectorAll('img')); new hoverEffect({ parent: el, intensity: el.dataset.intensity || undefined, speedIn: el.dataset.speedin || undefined, speedOut: el.dataset.speedout || undefined, easing: el.dataset.easing || undefined, hover: el.dataset.hover || undefined, image1: imgs[0].getAttribute('src'), image2: imgs[1].getAttribute('src'), displacementImage: el.dataset.displacement }); }); } masterInfo.mainIScroll = new IScroll("#main",{ mouseWheel: true,scrollbars: "custom",interactiveScrollbars: true,probeType:2,disablePointer: true,scrollY:true,scrollX: false, }); //鍒濆鍖栧姩鐢 masterInfo.scrollDatas.scrollY = Math.abs(masterInfo.mainIScroll.y); masterInfo.mainIScroll.on('scroll', function () { masterInfo.scrollDatas.scrollY = Math.abs(masterInfo.mainIScroll.y); masterInfo.Ani(masterInfo.scrollDatas); }); //婊氬姩鎸囧畾浣嶇疆 if(masterInfo.getUrlParms('ql')){ if(masterInfo.getUrlParms('ql')!=5){ masterInfo.getUrlParms('ql')==0?(masterInfo.counterStr = false,masterInfo.counters()):''; masterInfo.mainIScroll.scrollToElement($('#index'+masterInfo.getUrlParms('ql')).get(0),0); } } if(masterInfo.getUrlParms('qr')){ masterInfo.mainIScroll.scrollToElement($('#product01').get(0),0); } }else{ masterInfo.scrollDatas.scrollY = $(document).scrollTop(); $(document).scroll(function(doc) { masterInfo.scrollDatas.scrollY = $(document).scrollTop(); masterInfo.Ani(masterInfo.scrollDatas); }); //婊氬姩鎸囧畾浣嶇疆 if(masterInfo.getUrlParms('ql')){ if(masterInfo.getUrlParms('ql')!=5){ $body = (window.opera) ? (document.compatMode == "CSS1Compat" ? $('html') : $('body')) : $('html,body'); $body.animate({ scrollTop: $('#index'+masterInfo.getUrlParms('ql')).offset().top },1000); } } } masterInfo.Ani(masterInfo.scrollDatas); //aboutbanner鏂囧瓧ease:Power1.easeIn if($('.aboutBanner_info').length!=0){ TweenMax.staggerFromTo('.aboutBanner_info span',1,{x:'50px',opacity:0},{x:0,opacity:1},.1); } } }); } function getallBgimages() { var url, B = [], A = document.getElementsByTagName('*'); A = B.slice.call(A, 0, A.length); while (A.length) { url = document.deepCss(A.shift(), 'background-image'); if (url) url = /url\(['"]?([^")]+)/.exec(url) || []; url = url[1]; if (url && B.indexOf(url) == -1) B[B.length] = url; } return B; } document.deepCss = function (who, css) { if (!who || !who.style) return ''; var sty = css.replace(/\-([a-z])/g, function (a, b) { return b.toUpperCase(); }); if (who.currentStyle) { return who.style[sty] || who.currentStyle[sty] || ''; } var dv = document.defaultView || window; return who.style[sty] || dv.getComputedStyle(who, "").getPropertyValue(css) || ''; } Array.prototype.indexOf = Array.prototype.indexOf || function (what, index) { index = index || 0; var L = this.length; while (index < L) { if (this[index] === what) return index; ++index; } return -1; } preLoadImg(); }, //棣栭〉banner Hbanner:function(){ if($('.Hbanner_swiper').length!=0){ var times = !masterInfo.mobile()?1200:500; var Hbanner = new Swiper ('.Hbanner_swiper', { loop: true, speed:times, parallax: true, autoplay: { delay:5000, disableOnInteraction: false }, on:{ slideChangeTransitionStart: function(){ $('.Hbanner_nav').children('.Hbanner_nav_btn').eq(this.realIndex).addClass("on").siblings().removeClass("on"); }, } }); $(document).on('click','.Hbanner_nav .Hbanner_nav_btn',function(){ var is = $(this),index = is.index(); Hbanner.slideToLoop(index, times, false); is.addClass('on').siblings().removeClass("on"); }); } }, //榧犳爣璺熼殢 cursorFollow:function(){ $(document).on('mousemove', function(e) { var clientX = e.clientX, clientY = e.clientY; var scrollLeft = $(this).scrollLeft(), scrollTop = $(this).scrollTop(); var left = clientX + scrollLeft, top = clientY + scrollTop; myTween = TweenLite.to($('.cursor'),.4,{x:left,y:top}); }); $(document).on('mousedown', function(e) { $('.cursor_circle').addClass('on'); }); $(document).on('mouseup', function(e) { $('.cursor_circle').removeClass('on'); }); }, cursorHover: function(el){ if($(el).length!=0){ $(el).hover(function() { $('.cursor').addClass('onAni'); },function(){ $('.cursor').removeClass('onAni'); }); } }, scrollAjax:function(obj){ $.ajax({ type:"get", url:window.location.pathname+'index_'+masterInfo.pageNumber+'.html', dataType:"html", success:function(data){ var htmlList = $(data).find(obj).children('div'); if(htmlList.length!=0){ $(obj).append($(data).find(obj).html()); masterInfo.loadStr = true; }else{ $('.pageLoad').addClass('not').children('.pageLoad_state').text('- end -') masterInfo.loadStr = false; } !masterInfo.mobile()?masterInfo.mainIScroll.refresh():''; } }) } } masterInfo.init();