在滚动的FullPage.js上分页更改颜色

<script src="jquery.min.js"></script>
<script src="fullpage.min.js"></script>

<div id="fullpage">
  <div class="section">第一页内容</div>
  <div class="section">第二页内容</div>
  <div class="section">第三页内容</div>
</div>

$(document).ready(function() {
  $('#fullpage').fullpage({
    sectionsColor: ['#f2f2f2', '#e6e6e6', '#cccccc'], // 设置每个section的背景颜色
    afterLoad: function(anchorLink, index) {
      var colors = ['#ff0000', '#00ff00', '#0000ff']; // 定义每个section的颜色
      $('.section').eq(index - 1).css('background-color', colors[index - 1]); // 根据索引设置对应section的背景颜色
    }
  });
});