fullPage.js
Create Beautiful Fullscreen Scrolling Websites
fullPage.js,创建漂亮的满屏滚动网站。

1.相关的知识点

1. fullPage.js其实在使用方面，已经是非常的简单，只要简单的配置，就能实现满屏滚动效果的页面。
2. fullPage.js没有使用到jquery,使用都是一些常规的语法与回调函数的调用。
3. 新版的fullPage.js，在回调函数与事件函数的回调中，参数有所不一样，旧版主要直接传输index，而新版回调直接返回section对象，可以让回调事件更加丰富。

2.基本使用

<script type="text/javascript">
    var myFullpage = new fullpage('#fullpage', {
        anchors: ['first', 'second', '3rd'],
        sectionsColor: ['#8FB98B', '#DE564B', '#EAE1C0'],
        scrollBar: false,//不显示滚动条
        slidesNavigation: true,//横线slide的导航点是否显示
        navigation: true//竖线点导航
    });
</script>

1. 一切的代码，都从这一段代码new fullpage(‘#id’,options)开始的，options提供了丰富的参数，来设置出丰富多彩的满屏网站。
2. 支持鼠标滚动来对屏幕的切换，更根据实际来配置，是否切换导航栏，导航菜单等。
3. 单屏中，能灵活增加横向的slide，丰富每一屏的内容。
4. 每一屏进行切换的时候，都有[进入后afterLoad],[离开后onLeave]等丰富的回调事件，能为屏幕切换的时候提供了方便的响应句柄。
5. 搭配上jquery的动画，就能完美设计出动态，炫酷，优雅的全屏滚动网站，是各种产品发布，官网的首选展示风格。

3.详细的参数

1. 在这里就不列出详细的参数列表额，本人觉得目前的demo的几个风格，已经适用于大部分的全屏滚动页面的效果要求，在每一个demo的源码中，都有详细的参数配置与说明，请大家下载查看。
2. 新版本4.0有很多新特性与效果的更新，详细的参数说明，请查看fullPage.js的github

关注精益资源，各种cool组件顺手拈来。