认知全屏滚动插件 fullPage

成为vip会员,免费看所有精品课程
  • 目录

    目录 收起>

    该课程通过浏览优秀网页作品,认识全屏滚动网页的优势。着重讲解全屏滚动网页的核心技术fullPage,初步了解它的功能及强大的应用场景。重点学习 fullPage 插件的配置方法。

    1.课程简介 00:06:37

    展示最终案例效果,介绍什么是全屏平滑滚动特效,认识实现特效的 fullPage 插件。

    2.fullPage 的使用 00:10:05

    本课时介绍 fullPage 的下载与网页文件的引用,学习基础的参数配置,了解 fullPage 的 html 结构。

    3.通过案例学参数 00:36:08

    用官网提供的案例,学习基础选项的使用,自带方法的操作,回调函数的应用。
  • 提问

    提交问题
  • 下载

  • 线路

    视频太卡?试试切换线路 √ 线路1 √ 线路2
  • 收藏

    收藏课程
  • 分享

连播

连续播放

关灯

关灯模式
视频加载太慢?

我们有两条线路可以选择,试试切换线路吧

认知全屏滚动插件 fullPage

3课时,53分钟
写代码的平面师
写代码的平面师

极客学院签约布道师

课程背景:
如今我们经常能见到全屏网站,尤其是国外网站。这些网站用几幅很大的图片或色块做背景,再添加一些简单的内容,显得格外的高端大气上档次。如:iphone5C 网页设计。国内如:百度浏览器、QQ 浏览器、小米4手机等大型公司也在用该技术,这种网站展示性非常直观,用户体验度也非常好。

核心内容:
1.全屏平滑滚动网页概念
2.全屏滚动网页的优势
3.fullPage 插件的市场占比
4.下载 fullPage 插件及调用
5.插件的选项、方法和回调函数

软件环境:Dreamweaver

是否提供资料:

课程等级:中级

适合人群:
具有 html5 基础
  • 技术问答
  • 1

    课程简介

    06:37

    展示最终案例效果,介绍什么是全屏平滑滚动特效,认识实现特效的 fullPage 插件。

  • 2

    fullPage 的使用

    10:05

    本课时介绍 fullPage 的下载与网页文件的引用,学习基础的参数配置,了解 fullPage 的 html 结构。

  • 3

    通过案例学参数

    36:08

    用官网提供的案例,学习基础选项的使用,自带方法的操作,回调函数的应用。

相关课程

  • CSS3 实现下拉选择框、单选框和复选框动画特效

    本课程讲解,使用 CSS3 完成表单控件中,下拉选择框、单选框、复选框的动画效果,进一步加深 CSS3 中 transform、transition 的使用场景和方法。

    3课时 76分钟
    中级
    16915人学习
  • CSS3 实现 loading 动画和 3D 翻转动画特效

    本课程讲解,使用 CSS3 制作各类 loading 动画效果,并开始学习 CSS3 中 3D 动画的基础知识,完成一个立体的 3D 菜单翻转动画特效。

    3课时 36分钟
    中级
    17221人学习
  • CSS3-商城首页的子模块分析和细节实现

    本课程讲解 CSS 3 商城布局项目开发实战之商城首页的子模块分析和细节实现,内容包括页头、首屏的布局和细节 。

    3课时 79分钟
    初级
    8022人学习
  • CSS3 动画属性简介及弹球效果

    本课程,首先对 CSS3 动画相关属性和其它常用属性进行了简单的介绍,并对使用方法进行演示。然后,利用相关知识点详细讲解弹球效果的实现思路和过程。

    4课时 40分钟
    中级
    17978人学习