panda_web/assets/js/about_us/index.js

//轮播图
let swiper = new Swiper("#swiper1", {
    pagination: {
        el: ".swiper-pagination"
    },
    loop: true, //循环
    observer: true,//修改swiper自己或子元素时，自动初始化swiper
    observeParents: true,//修改swiper的父元素时，自动初始化swiper
    speed: 500,
    autoplay: {
        disableOnInteraction: false,  //触碰后自动轮播也不会停止
        delay: 3000,
    }
});

//上一页、下一页
var pageNum = 1;//默认第一页
function lastPage(){
    $('.aboutus-page .box5-content .page-box .img.first').addClass('active');
    $('.aboutus-page .box5-content .page-box .img.last').removeClass('active');
    pageNum = pageNum>1?pageNum-1:1;
    $(".aboutus-page .box5-content .cards").animate({
        scrollLeft: ($(window).width()*0.25*(pageNum-1)*3 + 20*(pageNum-1)*3)
    },300)
}
function nextPage(){
    $('.aboutus-page .box5-content .page-box .img.last').addClass('active');
    $('.aboutus-page .box5-content .page-box .img.first').removeClass('active');
    pageNum +=1;
    $(".aboutus-page .box5-content .cards").animate({
        scrollLeft: ($(window).width()*0.25*(pageNum-1)*3 + 20*(pageNum-1)*3)
    },300)
}