You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
113 lines
1.9 KiB
113 lines
1.9 KiB
$(function() {
|
|
|
|
if ($(window).width() > 1199) {
|
|
|
|
var s = skrollr.init({
|
|
|
|
smoothScrolling: true,
|
|
|
|
smoothScrollingDuration: 500,
|
|
|
|
mobileDeceleration: 1
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
// 场景及服务
|
|
|
|
$('.swiper-services').on('click', '.inner', function() {
|
|
|
|
var index = $(this).parent('.swiper-slide').index()
|
|
|
|
$(this).parent('.swiper-slide').addClass('on').siblings('.swiper-slide').removeClass('on');
|
|
|
|
swiperVideo.slideTo(index)
|
|
|
|
});
|
|
|
|
var swiperVideo = new Swiper('.swiper-video', {
|
|
|
|
autoplay: {
|
|
|
|
delay: 15000,
|
|
|
|
disableOnInteraction: false
|
|
|
|
},
|
|
|
|
effect: 'fade',
|
|
|
|
// mousewheel: {
|
|
|
|
// releaseOnEdges: true,
|
|
|
|
// },
|
|
|
|
on: {
|
|
|
|
slideChange: function() {
|
|
|
|
var index = this.activeIndex;
|
|
|
|
$('.swiper-services .swiper-slide').eq(index).addClass('on').siblings('.swiper-slide').removeClass('on');
|
|
|
|
swiperServices.slideTo(index)
|
|
|
|
},
|
|
|
|
}
|
|
|
|
});
|
|
|
|
// 场景及服务
|
|
|
|
var swiperServices = new Swiper('.swiper-services', {
|
|
|
|
slidesPerView: 5,
|
|
|
|
breakpoints: {
|
|
|
|
1399: {
|
|
|
|
slidesPerView: 4.5,
|
|
|
|
},
|
|
|
|
1199: {
|
|
|
|
slidesPerView: 3.5,
|
|
|
|
},
|
|
|
|
959: {
|
|
|
|
slidesPerView: 2.5,
|
|
|
|
},
|
|
|
|
767: {
|
|
|
|
slidesPerView: 1,
|
|
|
|
spaceBetween: 15
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
$('.w-list3 li:gt(7)').hide();
|
|
$('.js-moreBtn').on('click', function(event) {
|
|
$('.w-list3 li').show();
|
|
$(this).hide();
|
|
return false;
|
|
});
|
|
|
|
$('.service01 .video-box video').on('fullscreenchange webkitfullscreenchange mozfullscreenchange', function() {
|
|
$('.service01 .video-box').toggleClass('fullscreen')
|
|
});
|
|
});
|