1.主要功能
1）.支持鼠標滾動
2）.多個回調函數
3）.支持手機、平板觸屏事件
4）.支持css3動畫
5）.支持窗口縮放
6）.窗口縮放時自動調整
7）.可設置滾動寬度、背景顏色、滾動速度、循環選項、回調、文本對齊方式等
2.結構
使用HTML代碼第一行上的強制HTML DOCTYPE聲明啟動HTML文檔。否則，你可能會遇到段高的問題。提供的示例使用HTML 5 doctype <!DOCTYPE html>。
3.配置
1).sectionColor:
可以為每一個section設置background-color屬性。
例如：
$('#fullpage').fullpage({ sectionColor: ['green','orange','gray','red']; });
2).controlArrows
定義是否通過箭頭來控制slide幻燈片，默認為true。當我們設置為false，則幻燈片左右兩側的的箭頭就會消失，在移動設備上，可以通過滑動來操作幻燈片。
3)controlArrowColor
4).verticalCentered:
每一頁的內容是否垂直居中，默認為true。一般我們保持默認值
5).resize:
字體是否隨着窗口縮放而縮放，默認為false
6).scrollingSpeed:
滾動速度，單位為毫秒，默認為700
7).anchors:
定義錨鏈接，默認值為[]。有了錨鏈接，用戶就可以快速打開定位到某一頁面。
注意定義錨鏈接的時候，值不要和頁面中任意id或name相同，尤其是在IE瀏覽器下，而且定義時不需要加#
menu
綁定菜單，設定的相關屬性與anchors的值對應后，菜單可以控制滾動，默認為false。可以設置為菜單的jquery選擇器
8).lockAnchors:
是否鎖定錨鏈接，默認為false。如果設置為true，那么定義的錨鏈接，也就是anchors屬性則沒有效果，這個配置項使用比較少
9).active：
在頁面中為某一個section添加了active之后，默認當窗口打開時會定位到此active，顯示當前頁
10).easing:
定義頁面section滾動的動畫方式，默認為easeInOutCubic，如果修改此項，需要引入jquery。easings插件，或者jquery ui。
11).css3:
是否使用css3 transforms來實現滾動效果，默認為true。這個配置項可以提高支持css3的瀏覽器，比如移動設備等的速度，如果瀏覽器不支持css3，則會使用jquery來替代css3實現滾動效果。即優雅降級，使用jquery實現動畫，一般來說，它的性能不如css動畫來得快。
12).navigation: true,
右側的原點導航按鈕顯示與否，默認不顯示，為true顯示原點按鈕
注意：按鈕樣式要修飾下，實在是太丑啦，好傷眼！！！！
13).navigationTooltips:
導航小圓點的tooltips設置鼠標經過時顯示的名字，默認為[]，注意按照順序設置。
navigationTooltips: ['首頁', '視覺', '交互', '皮膚', '功能']
14).navigationPosition
項目導航的位置，可選 left 或 right,默認為right
navigationPosition:"left"
15.navigationColor
項目導航的顏色
不起作用
16).slidesNavigation
是否顯示左右滑塊的項目導航，默認值為false
我們可以利用這樣設置左右滑動的帶原點的項目
額，樣式也要改下，真傷眼
slidesNavigation:"true"
17).slidesNavPosition
左右滑塊的項目導航的位置，可選 top 或 bottom,默認為bottom
slidesNavPosition:"top"
18).loopTop:
滾動到最頂部后是否連續滾動到底部，默認為false。
loopTop:"true"
滾到第一屏向上滾會回最后一屏
19).loopBottom：
滾動到最底部后是否連續滾動回頂部，默認為false。
loopBottom:"true"
滾到最后一屏向下滾會回第一屏
20).loopHorizontal：
橫向slider幻燈片是否循環滾動，默認為true。設置為false時，在第一個slider時，沒有向左滾動的箭頭，不能向左滾動。同理，最后一個slider時，沒有向右滾動的箭頭，不能向右滾動。
21).autoScrolling：
是否使用插件的滾動方式，默認為true，如果選擇false，則會出現瀏覽器自帶的滾動條，將不會按頁滾動，而是按照滾動條的默認行為來滾動。
22).scrollBar：
是否包含滾動條，默認為false，如果設置為true，則瀏覽器自帶的滾動條出現，頁面滾動時還是按頁滾動，但是滾動條的默認行為也有效。
23).paddingTop/paddingBottom：
設置每一個section頂部和底部的padding，默認都為0.一般如果我們需要設置一個固定在頂部或者底部的菜單、導航、元素等，可以使用這兩個配置項。
24).fixedElements：
固定的元素，默認為null，需要配置一個jquery選擇器。在頁面滾動的時候，fixedElements設置的元素固定不動。
25).keyboardScrolling：
是否可以使用鍵盤方向鍵導航，默認為true。
26).touchSensitivity：
在移動設備中滑動頁面的敏感性，默認為5，是按百分比來衡量，最高為100，越大則越難滑動。
27).continuousVertical:
是否循環滾動，默認為false。如果設置為true，則頁面會循環滾動，而不像loopTop或loopBottom那樣出現跳動，注意這個屬性和loopTop、loopBottom不兼容，不要同時設置。
28).animateAnchor：
錨鏈接是否可以控制滾動動畫，默認為true。如果設置為false，則通過錨鏈接定位到某個頁面顯示不再有動畫效果。
29).recordHistory:
是否記錄歷史，默認為true，可以記錄頁面滾動的歷史，通過瀏覽器的前進后退來導航。注意如果設置了autoScrolling：false，那么這個配置也將被關閉，即設置為false。
30).showActiveTooltip：
是否顯示當前頁面的導航的tooltip信息，默認為false
showActiveTooltip:"true"
31).scrollOverflow：
內容超過滿屏后是否顯示滾動條，默認為false。如果設置為true，則會顯示滾動條，如果要滾動查看內容，還需要jquery.slimscroll插件的配合。
32).slimscroll：
插件主要用於模擬傳統的瀏覽器滾動條。
33).sectionSelector：
section的選擇器，默認為.section。
34).slideSelector：
slide的選擇器，默認為.slide。
4.fullPage支持延遲加載圖片和視頻（Lazy Loading）
1.圖片：
<img daye-src="image.png">
2.視頻：
```
###5.demo
<!doctype html>