2022-03-15 11:12:33 +00:00
|
|
|
|
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,
|
|
|
|
|
renderBullet: function (index, className) {
|
|
|
|
|
return '<span class="' + className + '">'+'<em>'+'0' + (index + 1) +'</em>'+'<ins></ins>'+ '</span>';
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
effect : 'fade',//轮播的动效 默认为"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 (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
|
|
|
|
|
var wow = new WOW({
|
|
|
|
|
boxClass: 'wow',
|
|
|
|
|
animateClass: 'animated',
|
|
|
|
|
offset: -50,
|
|
|
|
|
mobile: true,
|
|
|
|
|
live: true
|
|
|
|
|
});
|
|
|
|
|
wow.init();
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
// 二级栏目切换
|
|
|
|
|
if(screen.width <= 780){
|
|
|
|
|
$(".sub-left>span").eq(0).addClass("cur");
|
|
|
|
|
$(".sub-right>span").eq(0).show();
|
|
|
|
|
$('.sub-left>span').click(function(){
|
|
|
|
|
$(".sub-left>span").eq($(this).index()).addClass("cur").siblings().removeClass('cur');
|
|
|
|
|
$(".sub-right>span").hide().eq($(this).index()).show();
|
|
|
|
|
});
|
|
|
|
|
}else{
|
|
|
|
|
$(".sub-left>span").eq(0).addClass("cur");
|
|
|
|
|
$(".sub-right>span").eq(0).show();
|
|
|
|
|
$('.sub-left>span').hover(function(){
|
|
|
|
|
$(".sub-left>span").eq($(this).index()).addClass("cur").siblings().removeClass('cur');
|
|
|
|
|
$(".sub-right>span").hide().eq($(this).index()).show();
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
2022-03-17 10:18:12 +00:00
|
|
|
|
// 首页视屏轮播
|
|
|
|
|
// banner轮播
|
|
|
|
|
var number = $('.about-video-swiper .swiper-slide').length;
|
|
|
|
|
if(number>1){
|
|
|
|
|
var bannerSwiper = new Swiper('.about-video-swiper',{
|
|
|
|
|
loop:true,//开启循环播放
|
|
|
|
|
autoplay: {//开启自动播放
|
|
|
|
|
delay:3000,
|
|
|
|
|
disableOnInteraction: false,//触摸后不会停止自动滚动
|
|
|
|
|
pauseOnMouseEnter: true,//鼠标置于swiper时暂停自动切换,鼠标离开时恢复自动切换。
|
|
|
|
|
},
|
|
|
|
|
pagination: {
|
|
|
|
|
el: '.about-video-swiper .swiper-pagination',
|
|
|
|
|
clickable :true,
|
|
|
|
|
renderBullet: function (index, className) {
|
|
|
|
|
return '<span class="' + className + '">'+'<em></em>'+'</span>';
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
effect : 'fade',//轮播的动效 默认为"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类名
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
2022-03-15 11:12:33 +00:00
|
|
|
|
|
2022-03-21 13:23:33 +00:00
|
|
|
|
// 解决方案滚动
|
|
|
|
|
if(screen.width <= 768){
|
|
|
|
|
var solutionNavSwiper = new Swiper('.solution-nav-swiper',{
|
|
|
|
|
slidesPerView: 3,
|
|
|
|
|
slidesPerGroup: 1,
|
|
|
|
|
slidesPerGroupAuto: true,
|
|
|
|
|
autoplay:false,
|
|
|
|
|
})
|
|
|
|
|
}else{
|
|
|
|
|
var solutionNavSwiper = new Swiper('.solution-nav-swiper',{
|
|
|
|
|
slidesPerView: 6,
|
|
|
|
|
spaceBetween: 5,
|
|
|
|
|
slidesPerGroup: 1,
|
|
|
|
|
slidesPerGroupAuto: true,
|
|
|
|
|
autoplay:false,
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
2022-03-17 10:18:12 +00:00
|
|
|
|
// 解决方案选项卡
|
2022-03-21 13:23:33 +00:00
|
|
|
|
$('.index-solution-nav .swiper-wrapper>.swiper-slide').eq(0).addClass('cur');
|
2022-03-17 10:18:12 +00:00
|
|
|
|
$('.index-solution-list>li').eq(0).show();
|
|
|
|
|
$('.solution-more-list>li').eq(0).addClass('show');
|
2022-03-21 13:23:33 +00:00
|
|
|
|
$('.index-solution-nav .swiper-wrapper>.swiper-slide').click(function(){
|
|
|
|
|
$('.index-solution-nav .swiper-wrapper>.swiper-slide').eq($(this).index()).addClass("cur").siblings().removeClass('cur');
|
2022-03-17 10:18:12 +00:00
|
|
|
|
$('.index-solution-list>li').eq($(this).index()).show().siblings().hide();
|
|
|
|
|
$('.solution-more-list>li').eq($(this).index()).addClass("show").siblings().removeClass('show');
|
|
|
|
|
$('.index-solution-more').removeClass('active');
|
|
|
|
|
});
|
|
|
|
|
$('.solution-txt>.more').click(function(){
|
|
|
|
|
$('.index-solution-more').addClass('active');
|
|
|
|
|
});
|
|
|
|
|
$('.solution-more-btn').click(function(){
|
|
|
|
|
$('.index-solution-more').removeClass('active');
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// 历程滚动
|
|
|
|
|
// 大事记滚动
|
|
|
|
|
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,//开启循环播放
|
2022-03-18 12:36:24 +00:00
|
|
|
|
autoplay: true,
|
2022-03-17 10:18:12 +00:00
|
|
|
|
slidesPerView : '6',
|
|
|
|
|
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 + 6;
|
|
|
|
|
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);
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 荣誉资质滚动
|
|
|
|
|
if(screen.width <= 768){
|
|
|
|
|
var honorSwiper = new Swiper('.honor-swiper',{
|
|
|
|
|
loop:false,//开启循环播放
|
|
|
|
|
autoplay : {
|
|
|
|
|
delay:3000,
|
|
|
|
|
disableOnInteraction: false,
|
|
|
|
|
},
|
|
|
|
|
effect : 'fade',
|
|
|
|
|
fadeEffect: {
|
|
|
|
|
crossFade: true,
|
|
|
|
|
},
|
|
|
|
|
navigation: {
|
|
|
|
|
prevEl: '.honor-swiper .swiper-button-prev',
|
|
|
|
|
nextEl: '.honor-swiper .swiper-button-next',
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
}else{
|
|
|
|
|
var honorSwiper = new Swiper('.honor-swiper',{
|
|
|
|
|
loop:false,//开启循环播放
|
|
|
|
|
autoplay: false,
|
2022-03-18 12:36:24 +00:00
|
|
|
|
navigation: {
|
2022-03-21 13:23:33 +00:00
|
|
|
|
prevEl: '.honor-list>.swiper-button-prev',
|
|
|
|
|
nextEl: '.honor-list>.swiper-button-next',
|
2022-03-18 12:36:24 +00:00
|
|
|
|
},
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 弹出荣誉资质
|
|
|
|
|
$('.honor-list .swiper-slide').click(function(){
|
2022-03-21 13:23:33 +00:00
|
|
|
|
$('.honor-list-other').removeClass("hide");
|
|
|
|
|
$('.all-bg').show();
|
|
|
|
|
});
|
|
|
|
|
$('.close-swiper').click(function(){
|
|
|
|
|
$('.honor-list-other').addClass("hide");
|
|
|
|
|
$('.all-bg').hide();
|
2022-03-18 12:36:24 +00:00
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// 荣誉资质弹出滚动
|
2022-03-21 13:23:33 +00:00
|
|
|
|
var honorOtherSwiper = new Swiper('.honor-other-swiper',{
|
|
|
|
|
loop:false,//开启循环播放
|
|
|
|
|
autoplay: true,
|
|
|
|
|
navigation: {
|
|
|
|
|
prevEl: '.honor-list-other>.swiper-button-prev',
|
|
|
|
|
nextEl: '.honor-list-other>.swiper-button-next',
|
|
|
|
|
},
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
// 二级导航切换
|
|
|
|
|
var pullNavSwiper = new Swiper('.pull-nav-swiper',{
|
|
|
|
|
slidesPerView: 'auto',
|
|
|
|
|
slidesPerGroup: 1,
|
|
|
|
|
slidesPerGroupAuto: true,
|
|
|
|
|
autoplay:false,
|
|
|
|
|
navigation: {
|
|
|
|
|
nextEl: '.pull-nav .swiper-button-next',
|
|
|
|
|
prevEl: '.pull-nav .swiper-button-prev',
|
|
|
|
|
},
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 招聘信息展开
|
|
|
|
|
$('.item-btns').click(function() {
|
|
|
|
|
if($(this).parent().attr('class') == 'wow fadeInUp animated active'){
|
|
|
|
|
$('.recruit-list>li').removeClass('active');
|
|
|
|
|
$(this).parent().find('.txt').removeClass('cur')
|
|
|
|
|
$('.recruit-list>li').find("em").html("+")
|
|
|
|
|
}else{
|
|
|
|
|
$('.recruit-list>li').removeClass('active')
|
|
|
|
|
$('.recruit-list>li').find('.txt').removeClass('cur')
|
|
|
|
|
$(this).parent().addClass('active')
|
|
|
|
|
$(this).parent().find('.txt').addClass('cur')
|
|
|
|
|
$('.recruit-list>li').find("em").html("+")
|
|
|
|
|
$('.recruit-list>li.active').find("em").html("-")
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// 返回顶部
|
|
|
|
|
$('.back-top').click(function(){
|
|
|
|
|
$('html,body').animate({scrollTop:$('#top').offset().top}, 1000);
|
|
|
|
|
});
|
|
|
|
|
// 关于我们锚点
|
|
|
|
|
if(screen.width <= 780){
|
|
|
|
|
$('.survey-btn').click(function(){
|
|
|
|
|
$('html,body').animate({scrollTop:$('.about-survey-bg').offset().top - 80}, 1000);
|
|
|
|
|
$('.pull-nav>a').removeClass("active");
|
|
|
|
|
$(this).addClass("active");
|
|
|
|
|
});
|
|
|
|
|
$('.course-btn').click(function(){
|
|
|
|
|
$('html,body').animate({scrollTop:$('.about-course-bg').offset().top - 80}, 1000);
|
|
|
|
|
$('.pull-nav>a').removeClass("active");
|
|
|
|
|
$(this).addClass("active");
|
|
|
|
|
});
|
|
|
|
|
$('.strength-btn').click(function(){
|
|
|
|
|
$('html,body').animate({scrollTop:$('.strength-bg').offset().top - 80}, 1000);
|
|
|
|
|
$('.pull-nav>a').removeClass("active");
|
|
|
|
|
$(this).addClass("active");
|
|
|
|
|
});
|
|
|
|
|
$('.vision-btn').click(function(){
|
|
|
|
|
$('html,body').animate({scrollTop:$('.vision-bg').offset().top - 80}, 1000);
|
|
|
|
|
$('.pull-nav>a').removeClass("active");
|
|
|
|
|
$(this).addClass("active");
|
|
|
|
|
});
|
|
|
|
|
$('.honor-btn').click(function(){
|
|
|
|
|
$('html,body').animate({scrollTop:$('.honor-bg').offset().top - 80}, 1000);
|
|
|
|
|
$('.pull-nav>a').removeClass("active");
|
|
|
|
|
$(this).addClass("active");
|
|
|
|
|
});
|
|
|
|
|
$('.social-btn').click(function(){
|
|
|
|
|
$('html,body').animate({scrollTop:$('.social-bg').offset().top - 80}, 1000);
|
|
|
|
|
$('.pull-nav>a').removeClass("active");
|
|
|
|
|
$(this).addClass("active");
|
|
|
|
|
});
|
2022-03-18 12:36:24 +00:00
|
|
|
|
}else{
|
2022-03-21 13:23:33 +00:00
|
|
|
|
$('.survey-btn').click(function(){
|
|
|
|
|
$('html,body').animate({scrollTop:$('.about-survey-bg').offset().top - 80}, 1000);
|
|
|
|
|
$('.pull-nav>a').removeClass("active");
|
|
|
|
|
$(this).addClass("active");
|
|
|
|
|
});
|
|
|
|
|
$('.course-btn').click(function(){
|
|
|
|
|
$('html,body').animate({scrollTop:$('.about-course-bg').offset().top - 80}, 1000);
|
|
|
|
|
$('.pull-nav>a').removeClass("active");
|
|
|
|
|
$(this).addClass("active");
|
|
|
|
|
});
|
|
|
|
|
$('.strength-btn').click(function(){
|
|
|
|
|
$('html,body').animate({scrollTop:$('.strength-bg').offset().top - 80}, 1000);
|
|
|
|
|
$('.pull-nav>a').removeClass("active");
|
|
|
|
|
$(this).addClass("active");
|
|
|
|
|
});
|
|
|
|
|
$('.vision-btn').click(function(){
|
|
|
|
|
$('html,body').animate({scrollTop:$('.vision-bg').offset().top - 80}, 1000);
|
|
|
|
|
$('.pull-nav>a').removeClass("active");
|
|
|
|
|
$(this).addClass("active");
|
|
|
|
|
});
|
|
|
|
|
$('.honor-btn').click(function(){
|
|
|
|
|
$('html,body').animate({scrollTop:$('.honor-bg').offset().top - 80}, 1000);
|
|
|
|
|
$('.pull-nav>a').removeClass("active");
|
|
|
|
|
$(this).addClass("active");
|
|
|
|
|
});
|
|
|
|
|
$('.social-btn').click(function(){
|
|
|
|
|
$('html,body').animate({scrollTop:$('.social-bg').offset().top - 80}, 1000);
|
|
|
|
|
$('.pull-nav>a').removeClass("active");
|
|
|
|
|
$(this).addClass("active");
|
|
|
|
|
});
|
2022-03-17 10:18:12 +00:00
|
|
|
|
}
|
2022-03-15 11:12:33 +00:00
|
|
|
|
|
|
|
|
|
|
2022-03-21 13:23:33 +00:00
|
|
|
|
//职业发展锚点
|
|
|
|
|
if(screen.width <= 780){
|
|
|
|
|
$('.idea-btn').click(function(){
|
|
|
|
|
$('html,body').animate({scrollTop:$('.idea-bg').offset().top - 80}, 1000);
|
|
|
|
|
$('.pull-nav>a').removeClass("active");
|
|
|
|
|
$(this).addClass("active");
|
|
|
|
|
});
|
|
|
|
|
$('.culture-btn').click(function(){
|
|
|
|
|
$('html,body').animate({scrollTop:$('.culture-bg').offset().top - 80}, 1000);
|
|
|
|
|
$('.pull-nav>a').removeClass("active");
|
|
|
|
|
$(this).addClass("active");
|
|
|
|
|
});
|
|
|
|
|
$('.recruit-btn').click(function(){
|
|
|
|
|
$('html,body').animate({scrollTop:$('.recruit-bg').offset().top - 80}, 1000);
|
|
|
|
|
$('.pull-nav>a').removeClass("active");
|
|
|
|
|
$(this).addClass("active");
|
|
|
|
|
});
|
|
|
|
|
}else{
|
|
|
|
|
$('.idea-btn').click(function(){
|
|
|
|
|
$('html,body').animate({scrollTop:$('.idea-bg').offset().top - 80}, 1000);
|
|
|
|
|
$('.pull-nav>a').removeClass("active");
|
|
|
|
|
$(this).addClass("active");
|
|
|
|
|
});
|
|
|
|
|
$('.culture-btn').click(function(){
|
|
|
|
|
$('html,body').animate({scrollTop:$('.culture-bg').offset().top - 80}, 1000);
|
|
|
|
|
$('.pull-nav>a').removeClass("active");
|
|
|
|
|
$(this).addClass("active");
|
|
|
|
|
});
|
|
|
|
|
$('.recruit-btn').click(function(){
|
|
|
|
|
$('html,body').animate({scrollTop:$('.recruit-bg').offset().top - 80}, 1000);
|
|
|
|
|
$('.pull-nav>a').removeClass("active");
|
|
|
|
|
$(this).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');
|
|
|
|
|
});
|
2022-03-18 12:36:24 +00:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2022-03-15 11:12:33 +00:00
|
|
|
|
// // 首页新闻动态切换
|
|
|
|
|
// $(".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 <= 980){
|
|
|
|
|
// 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);
|
|
|
|
|
// },
|
|
|
|
|
// },
|
|
|
|
|
|
|
|
|
|
// })
|
|
|
|
|
// }
|
|
|
|
|
// // 主营业务滚动
|
|
|
|
|
// if(screen.width <= 780){
|
|
|
|
|
// var viewSwiper = new Swiper('.view-swiper', {
|
|
|
|
|
// navigation: {
|
|
|
|
|
// prevEl: '.preview .preview-arrow-prev',
|
|
|
|
|
// nextEl: '.preview .preview-arrow-next',
|
|
|
|
|
// },
|
|
|
|
|
// thumbs: {
|
|
|
|
|
// swiper: {
|
|
|
|
|
// el: '.preview-swiper', //注意此处的设置方式
|
|
|
|
|
// slidesPerView: 3,
|
|
|
|
|
// watchSlidesVisibility: true,//防止不可点击
|
|
|
|
|
// },
|
|
|
|
|
// }
|
|
|
|
|
// });
|
|
|
|
|
// }else{
|
|
|
|
|
// 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 <= 980){
|
|
|
|
|
// $('.abstract-btn').click(function(){
|
|
|
|
|
// $('html,body').animate({scrollTop:$('.abstract-bg').offset().top - 128}, 300);
|
|
|
|
|
// $('.pull-item>li').removeClass("cur");
|
|
|
|
|
// $(this).addClass("cur");
|
|
|
|
|
// });
|
|
|
|
|
// $('.speech-btn').click(function(){
|
|
|
|
|
// $('html,body').animate({scrollTop:$('.speech-bg').offset().top - 128}, 300);
|
|
|
|
|
// $('.pull-item>li').removeClass("cur");
|
|
|
|
|
// $(this).addClass("cur");
|
|
|
|
|
// });
|
|
|
|
|
// $('.team-btn').click(function(){
|
|
|
|
|
// $('html,body').animate({scrollTop:$('.team-bg').offset().top - 128}, 300);
|
|
|
|
|
// $('.pull-item>li').removeClass("cur");
|
|
|
|
|
// $(this).addClass("cur");
|
|
|
|
|
// });
|
|
|
|
|
// $('.organization-btn').click(function(){
|
|
|
|
|
// $('html,body').animate({scrollTop:$('.organization-bg').offset().top - 128}, 300);
|
|
|
|
|
// $('.pull-item>li').removeClass("cur");
|
|
|
|
|
// $(this).addClass("cur");
|
|
|
|
|
// });
|
|
|
|
|
// $('.memorabilia-btn').click(function(){
|
|
|
|
|
// $('html,body').animate({scrollTop:$('.memorabilia-bg').offset().top - 128}, 300);
|
|
|
|
|
// $('.pull-item>li').removeClass("cur");
|
|
|
|
|
// $(this).addClass("cur");
|
|
|
|
|
// });
|
|
|
|
|
// }else{
|
|
|
|
|
// $('.abstract-btn').click(function(){
|
|
|
|
|
// $('html,body').animate({scrollTop:$('.abstract-bg').offset().top - 147}, 600);
|
|
|
|
|
// $('.pull-item>li').removeClass("cur");
|
|
|
|
|
// $(this).addClass("cur");
|
|
|
|
|
// });
|
|
|
|
|
// $('.speech-btn').click(function(){
|
|
|
|
|
// $('html,body').animate({scrollTop:$('.speech-bg').offset().top - 147}, 600);
|
|
|
|
|
// $('.pull-item>li').removeClass("cur");
|
|
|
|
|
// $(this).addClass("cur");
|
|
|
|
|
// });
|
|
|
|
|
// $('.team-btn').click(function(){
|
|
|
|
|
// $('html,body').animate({scrollTop:$('.team-bg').offset().top - 147}, 600);
|
|
|
|
|
// $('.pull-item>li').removeClass("cur");
|
|
|
|
|
// $(this).addClass("cur");
|
|
|
|
|
// });
|
|
|
|
|
// $('.organization-btn').click(function(){
|
|
|
|
|
// $('html,body').animate({scrollTop:$('.organization-bg').offset().top - 147}, 600);
|
|
|
|
|
// $('.pull-item>li').removeClass("cur");
|
|
|
|
|
// $(this).addClass("cur");
|
|
|
|
|
// });
|
|
|
|
|
// $('.memorabilia-btn').click(function(){
|
|
|
|
|
// $('html,body').animate({scrollTop:$('.memorabilia-bg').offset().top - 147}, 600);
|
|
|
|
|
// $('.pull-item>li').removeClass("cur");
|
|
|
|
|
// $(this).addClass("cur");
|
|
|
|
|
// });
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// // 团队风采滚动
|
|
|
|
|
// if(screen.width <= 860){
|
|
|
|
|
// 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: 30, //每个slide之间的拉伸值,越大slide靠得越紧。5.3.6 后可使用%百分比
|
|
|
|
|
// depth: 140, //slide的位置深度。值越大z轴距离越远,看起来越小。
|
|
|
|
|
// modifier: 1, //depth和rotate和stretch的倍率,相当于depth*modifier、rotate*modifier、stretch*modifier,值越大这三个参数的效果越明显。
|
|
|
|
|
// slideShadows: false,
|
|
|
|
|
// },
|
|
|
|
|
// on: {
|
|
|
|
|
// transitionEnd: function () {
|
|
|
|
|
// this.activeIndex
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// })
|
|
|
|
|
// }else if(screen.width > 860 & screen.width <= 1280){
|
|
|
|
|
// 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: 40, //slide的位置深度。值越大z轴距离越远,看起来越小。
|
|
|
|
|
// modifier: 1, //depth和rotate和stretch的倍率,相当于depth*modifier、rotate*modifier、stretch*modifier,值越大这三个参数的效果越明显。
|
|
|
|
|
// slideShadows: false,
|
|
|
|
|
// },
|
|
|
|
|
// on: {
|
|
|
|
|
// transitionEnd: function () {
|
|
|
|
|
// this.activeIndex
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// })
|
|
|
|
|
// }else{
|
|
|
|
|
// 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') == 'wow fadeInUp animated active'){
|
|
|
|
|
// $('.join-list>li').removeClass('active');
|
|
|
|
|
// $('.join-list>li').find(".more").html("展开详情")
|
|
|
|
|
// }else{
|
|
|
|
|
// $('.join-list>li').removeClass('active')
|
|
|
|
|
// $(this).parent().addClass('active')
|
|
|
|
|
// $('.join-list>li').find(".more").html("展开详情")
|
|
|
|
|
// $('.join-list>li.active').find(".more").html("收起详情")
|
|
|
|
|
// }
|
|
|
|
|
// });
|
|
|
|
|
|
|
|
|
|
|
2022-03-21 13:23:33 +00:00
|
|
|
|
|
2022-03-15 11:12:33 +00:00
|
|
|
|
})
|