jQuery fullpage实现自动切换

要使用jQuery fullpage实现自动切换，你需要在初始化fullpage时设置自动切换的参数，如下所示：

$(document).ready(function() {
    $('#fullpage').fullpage({
        sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', '#f90'],
        anchors: ['firstPage', 'secondPage', '3rdPage', 'fourthPage', 'lastPage'],
        menu: '#menu',
        autoScrolling: true, // 开启自动滚动
        scrollHorizontally: true, // 横向滚动
        continuousHorizontal: true, // 连续滚动
        loopHorizontal: true, // 循环滚动
        scrollingSpeed: 1000, // 滚动速度
        controlArrows: false, // 隐藏箭头
        slidesNavigation: false, // 隐藏导航
        easing: 'easeInOutCubic', // 缓动函数
        responsiveWidth: 768, // 响应式宽度
        afterRender: function() {
            setInterval(function() {
                $.fn.fullpage.moveSlideRight(); // 定时循环滚动
            }, 3000);
        }
    });
});

其中，autoScrolling设置为true，启用自动滚动；scrollHorizontally设置为true，开启横向滚动；continuousHorizontal设置为true，开启连续滚动；loopHorizontal设置为true，开启循环滚动。然后，在afterRender回调函数中使用setInterval函数定时循环滚动，这里设置为每隔3秒钟调用一次$.fn.fullpage.moveSlideRight()函数，滚动到下一页。