lee
parent
4e9d2ad6ae
commit
587c04b173
174
js/javascript.js
174
js/javascript.js
|
|
@ -30,86 +30,96 @@ jQuery(function($){
|
||||||
// this.slides.eq(this.activeIndex).find('.ani').removeClass('ani'); 动画只展现一次，去除ani类名
|
// this.slides.eq(this.activeIndex).find('.ani').removeClass('ani'); 动画只展现一次，去除ani类名
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
// 锚点效果
|
|
||||||
$('.memorabili-btn').click(function(){$('html,body').animate({scrollTop:$('#memorabili').offset().top}, 1000);});
|
// 首页产品切换
|
||||||
$('.culture-btn').click(function(){$('html,body').animate({scrollTop:$('#culture').offset().top}, 800);});
|
$(".product-items li").eq(0).addClass("active");
|
||||||
$('.about-btn').click(function(){$('html,body').animate({scrollTop:$('#about').offset().top}, 600);});
|
$(".product-classify li").click(function() {
|
||||||
|
$(".product-classify li").eq($(this).index()).addClass("active").siblings().removeClass('active');
|
||||||
// 大事记滚动
|
$(".product-items li").removeClass('active').eq($(this).index()).addClass("active");
|
||||||
if(screen.width <= 768){
|
});
|
||||||
var memorabiliSwiper = new Swiper('.memorabili-swiper',{
|
|
||||||
loop:false,//开启循环播放
|
|
||||||
autoplay : {
|
// 锚点效果
|
||||||
delay:3000,
|
$('.memorabili-btn').click(function(){$('html,body').animate({scrollTop:$('#memorabili').offset().top}, 1000);});
|
||||||
disableOnInteraction: false,
|
$('.culture-btn').click(function(){$('html,body').animate({scrollTop:$('#culture').offset().top}, 800);});
|
||||||
},
|
$('.about-btn').click(function(){$('html,body').animate({scrollTop:$('#about').offset().top}, 600);});
|
||||||
effect : 'fade',
|
|
||||||
fadeEffect: {
|
// 大事记滚动
|
||||||
crossFade: true,
|
if(screen.width <= 768){
|
||||||
},
|
var memorabiliSwiper = new Swiper('.memorabili-swiper',{
|
||||||
navigation: {
|
loop:false,//开启循环播放
|
||||||
nextEl: '.memorabili-swiper .swiper-button-prev',
|
autoplay : {
|
||||||
prevEl: '.memorabili-swiper .swiper-button-next',
|
delay:3000,
|
||||||
},
|
disableOnInteraction: false,
|
||||||
|
},
|
||||||
})
|
effect : 'fade',
|
||||||
}else{
|
fadeEffect: {
|
||||||
var memorabiliSwiper = new Swiper('.memorabili-swiper',{
|
crossFade: true,
|
||||||
loop:false,//开启循环播放
|
},
|
||||||
autoplay: false,
|
navigation: {
|
||||||
slidesPerView : '4',
|
nextEl: '.memorabili-swiper .swiper-button-prev',
|
||||||
centeredSlides : false,
|
prevEl: '.memorabili-swiper .swiper-button-next',
|
||||||
navigation: {
|
},
|
||||||
nextEl: '.memorabili-swiper .swiper-button-prev',
|
|
||||||
prevEl: '.memorabili-swiper .swiper-button-next',
|
})
|
||||||
},
|
}else{
|
||||||
|
var memorabiliSwiper = new Swiper('.memorabili-swiper',{
|
||||||
})
|
loop:false,//开启循环播放
|
||||||
}
|
autoplay: false,
|
||||||
|
slidesPerView : '4',
|
||||||
|
centeredSlides : false,
|
||||||
// 人才招聘切换
|
navigation: {
|
||||||
$(".join-list li").click(function() {
|
nextEl: '.memorabili-swiper .swiper-button-prev',
|
||||||
$(".join-list li").eq($(this).index()).toggleClass("active").siblings().removeClass('active');
|
prevEl: '.memorabili-swiper .swiper-button-next',
|
||||||
});
|
},
|
||||||
|
|
||||||
// 产品图片切换
|
})
|
||||||
var productSwiper = new Swiper('.product-swiper',{
|
}
|
||||||
loop:true,//开启循环播放
|
|
||||||
speed: 1000,
|
|
||||||
autoplay: {//开启自动播放
|
// 人才招聘切换
|
||||||
delay:3000,
|
$(".join-list li").click(function() {
|
||||||
disableOnInteraction: false,//触摸后不会停止自动滚动
|
$(".join-list li").eq($(this).index()).toggleClass("active").siblings().removeClass('active');
|
||||||
pauseOnMouseEnter: true,//鼠标置于swiper时暂停自动切换，鼠标离开时恢复自动切换。
|
});
|
||||||
},
|
|
||||||
effect : 'fade',
|
|
||||||
fadeEffect: {
|
// 产品图片切换
|
||||||
crossFade: true,
|
var productSwiper = new Swiper('.product-swiper',{
|
||||||
},
|
loop:true,//开启循环播放
|
||||||
pagination: {//分页器
|
speed: 1000,
|
||||||
el: '.product-swiper .swiper-pagination',
|
autoplay: {//开启自动播放
|
||||||
type: 'bullets',
|
delay:3000,
|
||||||
},
|
disableOnInteraction: false,//触摸后不会停止自动滚动
|
||||||
navigation: { //翻页
|
pauseOnMouseEnter: true,//鼠标置于swiper时暂停自动切换，鼠标离开时恢复自动切换。
|
||||||
nextEl: '.product-swiper .swiper-button-next',
|
},
|
||||||
prevEl: '.product-swiper .swiper-button-prev',
|
effect : 'fade',
|
||||||
},
|
fadeEffect: {
|
||||||
});
|
crossFade: true,
|
||||||
|
},
|
||||||
// 手机导航按钮
|
pagination: {//分页器
|
||||||
$('.header-content .head-btn').click(function() {
|
el: '.product-swiper .swiper-pagination',
|
||||||
if ($('.header-content .head-btn').attr('class') == 'head-btn cur') {
|
type: 'bullets',
|
||||||
$('.header-content .head-btn').removeClass('cur');
|
},
|
||||||
$('.header-content .nav').removeClass('active');
|
navigation: { //翻页
|
||||||
} else {
|
nextEl: '.product-swiper .swiper-button-next',
|
||||||
$('.header-content .head-btn').addClass('cur');
|
prevEl: '.product-swiper .swiper-button-prev',
|
||||||
$('.header-content .nav').addClass('active');
|
},
|
||||||
}
|
});
|
||||||
});
|
|
||||||
|
// 手机导航按钮
|
||||||
$(".top-nav li").click(function(){
|
$('.header-content .head-btn').click(function() {
|
||||||
|
if ($('.header-content .head-btn').attr('class') == 'head-btn cur') {
|
||||||
|
$('.header-content .head-btn').removeClass('cur');
|
||||||
|
$('.header-content .nav').removeClass('active');
|
||||||
|
} else {
|
||||||
|
$('.header-content .head-btn').addClass('cur');
|
||||||
|
$('.header-content .nav').addClass('active');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
$(".top-nav li").click(function(){
|
||||||
|
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue