fullpage插件

fullpage插件

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

• 支持鼠标滚动
• 支持前进后退和键盘控制
• 多个回调函数
• 支持手机、平板触摸事件
• 支持 CSS3 动画
• 支持窗口缩放
• 窗口缩放时自动调整
• 可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等

引入文件
使用前需要引入相关的css文件和js文件

//css文件

//js文件

相关文件可以在https://github.com/alvarotrigo/fullPage.js下载
但是引用最新的相关文件控制台可能会报错误，可能是版本太新了，我使用的还是老的版本。
可以到http://www.dowebok.com/77.html下载

使用方法

html

    

        
第一屏
    
    

        
第二屏
    
    

        
第三屏
    
    

        
第四屏
    

每一个section代表一个屏，可以在相应的屏中添加你的内容
不要忘了在js中加载fullpage

$(function(){
    $('#myFullpage').fullpage();
});

配置
1.选项

2.方法

3.回调函数

根据自己的不同需求寻找相应的方法调用，做出你想要的页面