目录

开 篇 : 课程介绍及学习须知

  • 课程介绍
  • 效果展示
  • 学习须知

第一节 : 基本结构搭建和基本样式

  • 分析全屏滚动网页
  • 编写基本html结构
  • 编写基本css样式

第二节 : 让屏幕滚动起来

  • 让每一屏有点不同
  • 加点样式
  • 全屏滚动所需样式
  • 初始化过渡动画及元素位置
  • 上下滚动函数
  • 鼠标滚轮事件完成全屏滚动
  • 查看效果

第三节 : 完善更多功能

  • 增加移动端触屏滑动事件
  • 增加一些动画元素
  • 控制动画入屏播放
  • 控制动画元素延迟播放
  • 控制动画元素手动播放

第四节 : 插件的诞生

  • 插件简介
  • 模块化
  • 原型继承
  • 构造函数
  • 事件处理
  • 公共方法
  • 使用插件

第五节 : 发布开源社区

  • 发布github
  • 发布npm

评论