$(document).ready(function( ) { $(".solution-business-text").eq(0).show() $(".solution-business-btn div").click(function( ) { var num=$(this).index() $(this).addClass("on").siblings("div").removeClass("on") $(".solution-business-text").eq(num).stop(true).fadeIn(500).siblings(".solution-business-text").hide() }) if($(window).width()>768){ $(".solution-business-text").height($(".solution-business-text").eq(0).height()) }else{ } $(window).resize(function( ) { if($(window).width()>768){ $(".solution-business-text").height($(".solution-business-text").eq(0).height()) } }) Enter($(".solution-mode-con").eq(0), "X", 0, 8, 400, 300) var n=0; function plar(){ play1=setInterval(function(){ if(n<8){ n ++ }else{ n = 0 } $('.solution-team-con').eq(n).addClass("on").siblings(".solution-team-con").removeClass("on") },5000) } $('.solution-team-box').hover(function( ) { clearInterval(play1) },function( ) { plar() }) $(".solution-team-con").hover(function( ) { n = $(this).index() $('.solution-team-con').eq(n).addClass("on").siblings(".solution-team-con").removeClass("on") }) var swiper1 = new Swiper('.swiper1', { // loop: true, slidesPerView: 4, paginationClickable: true, autoplay: 3000, pagination: '.pagination1', breakpoints: { 1050: { slidesPerView: 3, spaceBetween: 0 } } }) $(window).scroll(function(){ var t = $(window).scrollTop(); var H = $(window).height()/2; if(t > $(".solution-team").offset().top - H && !$(".solution-team").hasClass('end')){ $(".solution-team").addClass("end") Enter($(".solution-team-con").eq(0), "X", 0, 8, 400, 300); plar() } if(t > $(".solution-business").offset().top - H && !$(".solution-business").hasClass('end')){ $(".solution-business").addClass("end") Enter($(".solution-business-scol").eq(0), "Y", 0, 8, 500, 400) } if(t > $(".solution-fun").offset().top - H && !$(".solution-fun").hasClass('end')){ $(".solution-fun").addClass("end") Enter($(".solution-fun-box").eq(0), "Y", 0, 0, 600, 400) } }) //手机站头部导航展开 $('.m-sub-menu').show(); $("header .m-btn").on('click', function() { $(".m-sub-menu").addClass('show'); $(".body-wrap,header").addClass('left'); $("body,html").addClass('ovh'); $(this).addClass('cur'); }); $(".m-sub-menu .top-box .close").on('click', function() { $(".m-sub-menu").removeClass('show'); $(".body-wrap,header").removeClass('left'); $("body,html").removeClass('ovh'); $("header .m-btn").removeClass('cur'); }); $(".m-sub-menu .list-wrap span.col-box").on('click', function() { var n = $(this).parent("li").index(); $(".m-sub-menu .sec-sub-list .boxs").eq(n).addClass('show'); }); $(".m-sub-menu .sec-sub-list .return-fir").on('click', function() { $(this).parent(".boxs").removeClass('show'); }); $(".contact-wrap .city-list li").eq(0).addClass('cur'); $(".contact-wrap .address .boxs").eq(0).show(); $(".contact-wrap .city-list li").on('click', function() { $(this).addClass('cur').siblings('li').removeClass('cur'); var n = $(this).index(); $(".contact-wrap .address .boxs").eq(n).show().siblings('.boxs').hide(); }); }) function set_font() { var html = document.getElementsByTagName('html')[0]; var designFontSize = 100, designWidth = 750;//这里是设计稿宽度,请根据设计稿更改 function setFontSize() { var winWidth = document.documentElement.getBoundingClientRect().width; var fontSize = winWidth / designWidth * designFontSize; html.style.fontSize = fontSize + 'px'; } setFontSize(); window.addEventListener('resize', function () { setFontSize(); }); return this; } set_font();