简介:fullPage.js是一个基于jQuery的全屏滚动插件,它能够很方便、很轻松的制作出全屏网站
主要功能:
支持鼠标滚动
支持前进后退和键盘控制
多个回调函数
支持手机、平板触摸事件
支持 CSS3 动画
支持窗口缩放
窗口缩放时自动调整
可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等
那么来简单实现一下单屏滚动效果吧~
欢迎学习交流--梦幻雪冰
首先引入文件:reset.css
jquery.fullPage.css
jquery.fullPage.min.js
jquery-1.8.3.min.js
jquery-ui-1.10.3.min.js
文件下载地址: 访问密码 73a1 欢迎学习交流--梦幻雪冰
单屏滚动效果如下:
fullPage.js — 【梦幻雪冰】基本演示 这是最后一屏:【梦幻雪冰】第一屏
第三屏
第四屏
第五屏
第六屏
第七屏
第八屏