$(function(){ // 副标题 var tabsbar = new swiper(".subhead-swiper,.jzsj-swiper", { simulatetouch: false, observer: true, slidesperview: "auto", }); var interleaveoffset = 0.5; //视差比值 // 首页 var banner = { loop: true, speed: 1000, grabcursor: true, watchslidesprogress: true, mousewheelcontrol: true, keyboardcontrol: true, autoplay: { delay: 5000, stoponlastslide: false, disableoninteraction: false, }, pagination: { el: ".banner-swiper .swiper-pagination", clickable: true, }, on: { progress: function() { var swiper = this; for (var i = 0; i < swiper.slides.length; i++) { var slideprogress = swiper.slides[i].progress; var inneroffset = swiper.width * interleaveoffset; var innertranslate = slideprogress * inneroffset; swiper.slides[i].queryselector(".inner").style.transform = "translate3d(" + innertranslate + "px, 0, 0)"; } }, touchstart: function() { var swiper = this; for (var i = 0; i < swiper.slides.length; i++) { swiper.slides[i].style.transition = ""; } }, settransition: function(speed) { var swiper = this; for (var i = 0; i < swiper.slides.length; i++) { swiper.slides[i].style.transition = speed + "ms"; swiper.slides[i].queryselector(".inner").style.transition = speed + "ms"; } } } }; var banner = new swiper(".banner-swiper", banner); $('.banner-swiper .prev').click(function () { banner.slideprev(); }) $('.banner-swiper .next').click(function () { banner.slidenext(); }) var maintit = new swiper('.main2-tit', { slidesperview: "auto", direction: getdirection(), observer: true, observeparents: true, simulatetouch: false, on: { resize: function () { maintit.changedirection(getdirection()); } } }); function getdirection() { var windowwidth = window.innerwidth; var direction = window.innerwidth <= 641 ? 'horizontal' : 'vertical'; return direction; } function main2(){ var main2b = new swiper(".main2-wrap.selected .main2-swiper2", { spacebetween: -35, slidesperview: "auto", speed:1500, freemode: true, watchslidesvisibility: true, watchslidesprogress: true, observer: true, observeparents: true, observeslidechildren: true, autoplay: { delay: 5000, stoponlastslide: false, disableoninteraction: false, }, breakpoints: { 320: { spacebetween: -35, }, 641: { spacebetween: -25, }, 1025: { spacebetween: -35, } } }); var main2t = new swiper(".main2-wrap.selected .main2-swiper1", { spacebetween: 10, speed:1000, observer: true, observeparents: true, observeslidechildren: true, effect: 'fade', thumbs: { swiper: main2b, }, autoplay: { delay: 5000, stoponlastslide: false, disableoninteraction: false, }, }); $('.main2-wrap.selected .main2-bot .prev').click(function () { main2t.slideprev(); }) $('.main2-wrap.selected .main2-bot .next').click(function () { main2t.slidenext(); }) } main2(); $('.main2-tit .swiper-slide').on('click',function(){ var i =$(this).index(); $(this).addclass('active').siblings().removeclass('active'); $('.main2-wrap').eq(i).addclass('selected').siblings().removeclass('selected'); main2(); }) // 企业概况-企业介绍 var firmswiper = new swiper(".firm-swiper", { speed:800, loop:true, spacebetween: 10, pagination: { el: ".firm-tb .pagi", }, autoplay: { delay: 4000, stoponlastslide: false, disableoninteraction: false, }, }); // 企业概况-企业文化 var firmswiper1 = new swiper(".his-swiper1", { speed:800, loop:true, direction: "vertical", slidesperview: "auto", mousewheel: true, pagination: { el: ".hisl .pagi", type: "progressbar", }, }); var firmswiper2 = new swiper(".his-swiper2", { speed:800, loop:true, spacebetween: 10, pagination: { el: ".his-swiper2 .pagi", clickable: true }, autoplay: { delay: 4000, stoponlastslide: false, disableoninteraction: false, }, }); // 企业概况-企业荣誉 var honor = new swiper(".honor-swiper", { simulatetouch: false, speed:800, observer: true, speef:true, slidesperview: "auto", direction: "vertical", observer: true, observeparents: true, navigation: { nextel: ".honor-tit .swiper-button-next", prevel: ".honor-tit .swiper-button-prev", }, }); // 作品详情页 var swiperoptions = { loop: true, speed: 1000, grabcursor: true, watchslidesprogress: true, mousewheelcontrol: true, keyboardcontrol: true, pagination: { el: ".work-swiper .swiper-pagination", clickable: true, }, on: { progress: function() { var swiper = this; for (var i = 0; i < swiper.slides.length; i++) { var slideprogress = swiper.slides[i].progress; var inneroffset = swiper.width * interleaveoffset; var innertranslate = slideprogress * inneroffset; swiper.slides[i].queryselector(".img").style.transform = "translate3d(" + innertranslate + "px, 0, 0)"; } }, touchstart: function() { var swiper = this; for (var i = 0; i < swiper.slides.length; i++) { swiper.slides[i].style.transition = ""; } }, settransition: function(speed) { var swiper = this; for (var i = 0; i < swiper.slides.length; i++) { swiper.slides[i].style.transition = speed + "ms"; swiper.slides[i].queryselector(".img").style.transition = speed + "ms"; } } } }; var workinfo = new swiper(".work-swiper", swiperoptions); $('.work-swiper .prev').click(function () { workinfo.slideprev(); }) $('.work-swiper .next').click(function () { workinfo.slidenext(); }) var relate = new swiper(".relate-swiper", { slidesperview: 2, spacebetween: 10, loop:true, speed:1000, breakpoints: { 320: { slidesperview: 2, spacebetween: 10 }, 768: { slidesperview: 3, spacebetween: 15 }, 1280: { slidesperview: 4, spacebetween: 15 }, 1441: { slidesperview: 4, spacebetween: 27 }, } }); $('.relate .prev').click(function () { relate.slideprev(); }) $('.relate .next').click(function () { relate.slidenext(); }) }) // 联系我们 $('.job-item').on('click',function(){ if($(this).hasclass('cur')){ $(this).removeclass('cur').siblings().removeclass('cur'); $(this).children('.jobr').children('.btn').text('展开'); }else { $(this).addclass('cur').siblings().removeclass('cur'); $(this).children('.jobr').children('.btn').text('收起'); } })