位置: 编程技术 - 正文
推荐整理分享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、回调函数
标签: jQuery插件开发
本文链接地址:https://www.jiuchutong.com/biancheng/376285.html 转载请保留说明!上一篇:jquery 追加元素append、prepend、before、after用法与区别分析(jquery追加节点)
友情链接: 武汉网站建设