fullpage.js里的方法怎么放

fullpage.js里的方法怎么放

咦 怎么不能选代码了
下面是一个配置的例子：
$(document).ready(function() {
$('#fullpage').fullpage({
//导航
menu: '#menu',
lockAnchors: false,
anchors:['firstPage', 'secondPage'],
navigation: false,
navigationPosition: 'right',
navigationTooltips: ['firstSlide', 'secondSlide'],
showActiveTooltip: false,
slidesNavigation: true,
slidesNavPosition: 'bottom',

//滚动
css3: true,
scrollingSpeed: 700,
autoScrolling: true,
fitToSection: true,
fitToSectionDelay: 1000,
scrollBar: false,
easing: 'easeInOutCubic',
easingcss3: 'ease',
loopBottom: false,
loopTop: false,
loopHorizontal: true,
continuousVertical: false,
normalScrollElements: '#element1, .element2',
scrollOverflow: false,
touchSensitivity: 15,
normalScrollElementTouchThreshold: 5,

//交互
keyboardScrolling: true,
animateAnchor: true,
recordHistory: true,

//样式
controlArrows: true,
verticalCentered: true,
resize : false,
sectionsColor : ['#ccc', '#fff'],
paddingTop: '3em',
paddingBottom: '10px',
fixedElements: '#header, .footer',
responsiveWidth: 0,
responsiveHeight: 0,

//自定义选择器
sectionSelector: '.section',
slideSelector: '.slide',

//事件
onLeave: function(index, nextIndex, direction){},
afterLoad: function(anchorLink, index){},
afterRender: function(){},
afterResize: function(){},
afterSlideLoad: function(anchorLink, index, slideAnchor, slideIndex){},
onSlideLeave: function(anchorLink, index, slideIndex, direction, nextSlideIndex){}
});
});

不知道你具体想问的是什么？

上面引入jq 库，然后在下面写入 调用的 script 代码

<div id="dowebok">
   <div class="section">第一屏</div>
   <div class="section">第二屏</div>
   <div class="section">
       <div class="slide">第三屏的第一屏</div>
       <div class="slide">第三屏的第二屏</div>
       <div class="slide">第三屏的第三屏</div>
       <div class="slide">第三屏的第四屏</div>
   </div>
   <div class="section">第四屏</div>
</div>
3、JavaScript
$(function(){
   $('#dowebok').fullpage();
});