jQuery插件fullPage.js实现全屏滚动效果(jQuery插件开发)

推荐整理分享jQuery插件fullPage.js实现全屏滚动效果(jQuery插件开发)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:jQuery插件库,jQuery插件能输出到控制台,jQuery插件是什么,jQuery插件是什么,jQuery插件下载,jQuery插件使用,jQuery插件安装教程,jquery插件库怎么导入,内容如对您有帮助，希望把文章链接给更多的朋友！

本文实例为大家分享了全屏滚动插件fullPage.js的具体使用方法，供大家参考，具体内容如下

0. 基本演示 的HTML 布局 以及js 代码

0. 插入背景图片演示 的HTML 布局 以及js 代码 <需要链接的文件都是一样的>

0. 循环演示 html 布局以及js代码 <需要链接的文件都是一样的>

0. 回调函数演示

0. 绑定菜单方法

0. 项目导航演示

0. 自动循环滚动

0. 设置横屏的自动播放

0. 判断当前浏览器的宽度 小于多少的时候关闭滚动

fullPage.js 是 jQuery 的一个插件，主要功能是制作出全屏网站 fullPage插件的兼容性是兼容IE7浏览器往上 其余主流浏览器就不描叙了 fullpage插件支持以下操作

1、插件可以使用鼠标滑轮进行滚动

2、当竖屏的时候支持键盘的上下箭头滚动 横屏对照可以使用的是左右箭头

3、能使用 多个回调函数 制作出动画效果 但是需要涉及到jQuery ui的插件连接<在下面有>

4、fullPage 同样也是 支持 触摸事件 如可触摸式笔记本 平板 手机

5、能在属性操作时 使用css3动画 但是要注意 css3的兼容性

6、能够自适应 屏幕的大小

7、可以设置页面的滚动宽度 以及背景颜色 是否循环播放 可以时候回调函数 文本可以设置样式

使用 fullPage中我引用的文件具体如下所示 <必须注意链接顺序 先css文件 再jQuery 1.8.3版本的 然后才是 jQuer ul 或者是 fullPage插件> 注意！ 所需链接文件可像我留言索要 也可寻找自行下载

配置

1、选项

2、方法

3、回调函数