fullPage.js

fullPage.js是一个基于jQuery的插件，它能够很方便.很轻松的制作出全屏网站。

主要功能有：
支持鼠标滚动
多个回调函数
支持手机.平板触摸事件
支持css3动画
窗口缩放
如何获取fullPage
github地址:https://github.com/alvarotrigo/fullPage.js

插件最新版本为2.6.7，需要先引入jQuery
cdnjs网站

插件的选择api

配置项
sectionColor:
可以为每一个section设置background-color属性
controlArrows:
定义是否通过箭头来控制slide幻灯片,默认为true.当我们设置为flase,箭头会消失，在移动设备中，可以通过滑动来操作.

verticalCentered:
每一页的内容是否垂直居中，默认为true.一般我们保持默认值
resize:
字体是否随着窗口缩放而缩放，默认为false

scrollingSpeed:200设置滚动速度
anchors设置目的链接，值不要和页面中任意的id或name相同，而且定义时，不需要加#

lockAnchors:
是否锁定链接,默认是false,
easing:定义页面section滚动的动画方式，默认为easeInOutCubic
loopTop:
滚动到最顶部后是否连续滚动到最底部
loopBottom:
滚动到最底部后连续滚动到最顶部

方法：

moveSectionUp();向上滚动一页
moveSectionDown();向下滚动一页
moveTo(section,slide);滚动到第几页的第几个幻灯片
moveScrollingSpeed(milliseconds):动态设置滚动速度
setAllowScrolling(boolean,[directions]);//添加滚动/滑轮控制
reBuild()用于请求完ajax后，重建页面样式

实例：
实现步骤：
设计页面
准备文字和图片素材
按照设计实现基本的页面效果
实现动画