//jquery<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>//fullpage插件<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.7.4/jquery.fullPage.js"></script>//滾動條插件<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.7.4/vendors/jquery.slimscroll.min.js"></script>//fullpage.css<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.7.4/jquery.fullPage.css" rel="external nofollow" >

<div id="fullpage">    <div class='section'>第一頁</div>    <div class='section'>第二頁</div>    <div class='section'>第三頁</div>    <div class='section'>第四頁</div></div>

<div class='section'>    <div class='slide'>第一張幻燈片</div>    <div class='slide'>第一張幻燈片</div>    <div class='slide'>第一張幻燈片</div></div>

 $(function(){   $('#fullpage').fullpage({       //API接口   }) })

//配置背景顏色      sectionsColor:['red','#f04','#9b0','#d3f'],       //配置幻燈片切換是否顯示箭頭，默認true      controlArrows:false,       //配置每頁內容頁面是否垂直居中，默認false      verticalCentered:true,      //配置文字是否隨著窗口變化而變化，默認false      resize:true,      //配置頁面滾動速度,默認700      scrollingSpeed:1000,      //配置錨鏈接，不應該和autoScrolling，scrollBar一起使用      anchors:['page1','page2','page3','page4'],      //配置錨點切換時候是否有過度動畫，默認true      animateAnchor:false,      //鎖定配置的錨鏈接是否顯示，默認false      lokAnchors:true,      //配置動畫由css3還是jquery來執行，默認true      css3:true,      //配置滾動到頂部之后是否從底部循環滾動，默認false      loopTop:true,      //相反從底部循環滾動，默認false      loopBottom:true,      //設置頁面是否循環滾動與loopTop，loopBottom不兼容,默認是false      continuousVertical:true,      //幻燈片是否循環滾動，默認true      loopHorizontal:false,      //配置是否按照插件的方式來進行滾動，默認true,和錨點不應該一起使用，一般不設置或者保持默認      autoScrolling:true,      //滾動的時候是否包含滾動條,默認false,和錨點不應該一起使用，一般不設置或者保持默認      scrollBar:false,      //配置頁面上下間距，默認0，如果需要設置固定頂部和頂部菜單導航配合使用      // paddingTop：'300px',      paddingBottom:0,      //配置頁面是否有固定的DOM      fixedElements:'#header',      //配置是否支持鍵盤方向鍵控制頁面切換，默認true      keyboardScrolling:true,      //配置是否激活瀏覽器前進后退功能，如果頁面設置了不按照插件的方式來滾動該配置也失效，默認true      recordHistory:true,      //配置菜單      menu:'#fullpageMenu',      //配置導航,位置，提示,顯示當前位置      navigation:true,      navigation:'right',      navigationTooltips:['page1','page2','page3','page4'],      showActiveTooltip:true,      //配置幻燈片是否顯示導航,和位置      slidesNavigation:true,      slidesNavPosition:'bottom',      //配置內容超過容器是否顯示滾動條，模式true,      scrollOverflow:true,      //修改section和幻燈片默認CLASS      sctionSelector:      slideSelector: