jQuery(function($){ // banner轮播 var number = $('.banner-swiper .swiper-slide').length; if(number>1){ var bannerSwiper = new Swiper('.banner-swiper',{ loop:true,//开启循环播放 autoplay: {//开启自动播放 delay:3000, disableOnInteraction: false,//触摸后不会停止自动滚动 pauseOnMouseEnter: true,//鼠标置于swiper时暂停自动切换,鼠标离开时恢复自动切换。 }, pagination: { el: '.banner-swiper .swiper-pagination', clickable :true, }, effect : 'slide',//轮播的动效 默认为"slide"(普通位移切换),还可设置为"fade"(淡入)、"cube"(方块)、"coverflow"(3d流)、"flip"(3d翻转)、"cards"(卡片式)、"creative"(创意性)。 // fadeEffect: { // crossFade: true, // }, on:{ init: function(){ swiperAnimateCache(this); //隐藏动画元素 swiperAnimate(this); //初始化完成开始动画 }, slideChangeTransitionEnd: function(){ swiperAnimate(this); //每个slide切换结束时也运行当前slide动画 // this.slides.eq(this.activeIndex).find('.ani').removeClass('ani'); 动画只展现一次,去除ani类名 } } }); } // 首页新闻动态切换 $(".index-title-item>li").eq(0).addClass("active"); $(".index-news-all>div").eq(0).addClass("cur"); $(".index-title-item>li").click(function() { $(".index-title-item>li").eq($(this).index()).addClass("active").siblings().removeClass('active'); $(".index-news-all>div").eq($(this).index()).addClass("cur").siblings().removeClass('cur'); }); // 首页主营业务切换 $(".index-business-item>li").eq(0).addClass("active"); $(".index-business-list>li").eq(0).addClass("cur"); $(".index-business-item>li").click(function() { $(".index-business-item>li").eq($(this).index()).addClass("active").siblings().removeClass('active'); $(".index-business-list>li").eq($(this).index()).addClass("cur").siblings().removeClass('cur'); }); // 管理团队滚动 var teamSwiper = new Swiper('.team-swiper',{ loop:true,//开启循环播放 autoplay: {//开启自动播放 delay:3000, disableOnInteraction: false,//触摸后不会停止自动滚动 pauseOnMouseEnter: true,//鼠标置于swiper时暂停自动切换,鼠标离开时恢复自动切换。 }, pagination: { el: '.team-swiper .swiper-pagination', clickable :true, }, effect : 'slide',//轮播的动效 默认为"slide"(普通位移切换),还可设置为"fade"(淡入)、"cube"(方块)、"coverflow"(3d流)、"flip"(3d翻转)、"cards"(卡片式)、"creative"(创意性)。 // fadeEffect: { // crossFade: true, // }, on:{ init: function(){ swiperAnimateCache(this); //隐藏动画元素 swiperAnimate(this); //初始化完成开始动画 }, slideChangeTransitionEnd: function(){ swiperAnimate(this); //每个slide切换结束时也运行当前slide动画 // this.slides.eq(this.activeIndex).find('.ani').removeClass('ani'); 动画只展现一次,去除ani类名 } } }); // 大事记滚动 if(screen.width <= 768){ var memorabiliSwiper = new Swiper('.memorabili-swiper',{ loop:false,//开启循环播放 autoplay : { delay:3000, disableOnInteraction: false, }, effect : 'fade', fadeEffect: { crossFade: true, }, navigation: { prevEl: '.memorabili-swiper .swiper-button-prev', nextEl: '.memorabili-swiper .swiper-button-next', }, }) }else{ var memorabiliSwiper = new Swiper('.memorabili-swiper',{ loop:false,//开启循环播放 autoplay: false, slidesPerView : '4', centeredSlides : false, navigation: { prevEl: '.memorabili-swiper .swiper-button-prev', nextEl: '.memorabili-swiper .swiper-button-next', }, on:{ slideChange: function(){ var a = this.activeIndex; var b = a + 4; var c = a - 1; $(".memorabili-swiper").find(".swiper-slide").css("opacity",1); $(".memorabili-swiper").find(".swiper-slide").eq(c).css("opacity",0); $(".memorabili-swiper").find(".swiper-slide").eq(b).css("opacity",0); }, }, }) } // 主营业务滚动 var viewSwiper = new Swiper('.view-swiper', { navigation: { prevEl: '.preview .preview-arrow-prev', nextEl: '.preview .preview-arrow-next', }, thumbs: { swiper: { el: '.preview-swiper', //注意此处的设置方式 watchSlidesVisibility: true,//防止不可点击 }, } }); // // 回到顶部 // $('#toTop').click(function(){$('html,body').animate({scrollTop:$('#top').offset().top}, 600);}); // 走进蜀能锚点 if(screen.width <= 860){ $('.abstract').click(function(){ $('html,body').animate({scrollTop:$('.abstract-bg').offset().top - 128}, 600); $('.pull-item>li').removeClass("cur"); $(this).addClass("cur"); }); $('.speech').click(function(){ $('html,body').animate({scrollTop:$('.speech-bg').offset().top - 128}, 600); $('.pull-item>li').removeClass("cur"); $(this).addClass("cur"); }); $('.team').click(function(){ $('html,body').animate({scrollTop:$('.team-bg').offset().top - 128}, 600); $('.pull-item>li').removeClass("cur"); $(this).addClass("cur"); }); $('.organization').click(function(){ $('html,body').animate({scrollTop:$('.organization-bg').offset().top - 128}, 600); $('.pull-item>li').removeClass("cur"); $(this).addClass("cur"); }); $('.memorabilia').click(function(){ $('html,body').animate({scrollTop:$('.memorabilia-bg').offset().top - 128}, 600); $('.pull-item>li').removeClass("cur"); $(this).addClass("cur"); }); }else{ $('.abstract').click(function(){ $('html,body').animate({scrollTop:$('.abstract-bg').offset().top - 128}, 600); $('.pull-item>li').removeClass("cur"); $(this).addClass("cur"); }); $('.speech').click(function(){ $('html,body').animate({scrollTop:$('.speech-bg').offset().top - 147}, 600); $('.pull-item>li').removeClass("cur"); $(this).addClass("cur"); }); $('.team').click(function(){ $('html,body').animate({scrollTop:$('.team-bg').offset().top - 147}, 600); $('.pull-item>li').removeClass("cur"); $(this).addClass("cur"); }); $('.organization').click(function(){ $('html,body').animate({scrollTop:$('.organization-bg').offset().top - 147}, 600); $('.pull-item>li').removeClass("cur"); $(this).addClass("cur"); }); $('.memorabilia').click(function(){ $('html,body').animate({scrollTop:$('.memorabilia-bg').offset().top - 147}, 600); $('.pull-item>li').removeClass("cur"); $(this).addClass("cur"); }); } // 团队风采滚动 var teamStyleSwiper = new Swiper('.team-style-swiper', { // paginationClickable: true, observer: true, observeParents: true, // initialSlide: swipIndex, effect: 'coverflow', centeredSlides: true, spaceBetween: '1%', slidesPerView: 2, loop: true, autoplay:true, // autoplay: { //     disableOnInteraction: false, // }, navigation: { //  }, coverflowEffect: { rotate: 0, //slide做3d旋转时Y轴的旋转角度 stretch: 100, //每个slide之间的拉伸值,越大slide靠得越紧。5.3.6 后可使用%百分比 depth: 120, //slide的位置深度。值越大z轴距离越远,看起来越小。 modifier: 1, //depth和rotate和stretch的倍率,相当于depth*modifier、rotate*modifier、stretch*modifier,值越大这三个参数的效果越明显。 slideShadows: false, }, on: { transitionEnd: function () { this.activeIndex } } }) // 加入我们切换 $('.join-item').click(function() { if($(this).parent().attr('class') == 'active'){ $('.join-list li').removeClass('active') }else{ $('.join-list li').removeClass('active') $(this).parent().addClass('active') } }); // 手机导航按钮 $('.head .head-btn').click(function() { if ($('.head .head-btn').attr('class') == 'head-btn cur') { $('.head .head-btn').removeClass('cur'); $('.head .nav').removeClass('active'); $('.head .nav-bg').removeClass('active'); } else { $('.head .head-btn').addClass('cur'); $('.head .nav').addClass('active'); $('.head .nav-bg').addClass('active'); $('.head .logo').addClass('active'); } }); $('.head .nav-bg').click(function() { $(this).removeClass('active'); $('.head .head-btn').removeClass('cur'); $('.head .nav').removeClass('active'); }); })