FullPage.js自学笔记（一）

jQuery fullpage plugin

fullPage.js是一个基于jQuery的插件，它能够很方便、很轻松的制作出全屏网站，主要功能有：
（1）支持鼠标滚动；
（2）支持手机、平板触摸事件；
（3）多个回调函数；
（4）支持CSS动画；
（5）支持窗口缩放；
（6）窗口缩放时自动调整；
（7）可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等。
除了IE6、7之外，几乎兼容所有的主流浏览器，fullpage是基于MIT协议的。

一、搭建fullPage.js的开发环境

 
 
 
 




//开始制作全屏网站

二、基本的页面结构

 
内容
 
内容
 
内容
 
内容

三、给某一个section（页）增加slide（幻灯片）

   
slide1
   
slide2
   
slide3
   
slide4
 

四、激活fullpage效果

五、小实例（制作一个全屏网页）

 
 
 
 

 



//开始制作

 
这是第一屏
 

   
slide1
   
slide2
   
slide3
   
slide4
   
slide5
   
slide6
 
 
这是第三屏
 
这是第四屏