为了账号安全,请及时绑定邮箱和手机立即绑定
简介:通过本案例,你将会学习如何制作蒙版,详细了解绝对定位的方法,全面掌握cookie的设定,更重要的是能够用原生JavaScript代码和JQuery两种方式来对“新手引导”中引导单元的依次显示。

1章 新手引导简介

对案例的最终实现效果进行展示,并把这个效果的实现思路进行详细分析。
  1. 1-1 新手引导简介 (02:35)

2章 HTML结构介绍

对实现案例效果的HTML结构布局进行逐步实现,添加蒙版、定义父块及各个引导单元。
  1. 2-1 HTML结构介绍 (03:17)
  2. 2-2 编程练习

3章 网页蒙版设置

对网页蒙版的高度、位置、透明度及浏览器的兼容情况进行详细讲解。
  1. 3-1 网页蒙版设置 (01:44)
  2. 3-2 练习题
  3. 3-3 编程练习

4章 引导单元定位

对父块的宽度、位置、背景等参数进行设置,并且利用绝对定位的方法对各个引导小单元进行定位。
  1. 4-1 引导单元定位 (12:37)
  2. 4-2 练习题
  3. 4-3 编程练习

5章 JavaScript控制引导单元的显示

首先对引导单元的逻辑顺序进行分析,通过编写JavaScript原码,实现对各个引导单元的显示顺序进行控制。
  1. 5-1 JavaScript控制引导单元的显示 (10:31)
  2. 5-2 练习题
  3. 5-3 编程练习

7章 另外一种交互实现方式——jQuery

对JavaScript源码实现的引导单元的显示效果,用jQuery进行简化。
  1. 7-1 另外一种交互实现方式——jQuery (06:23)

8章 总结

这个案例中所用的知识点你都学会了吗?最后来回顾一下,一定要练习呀!
  1. 8-1 总结 (00:59)
课程须知
1.对div和css相关内容精通掌握;2. 具有一定的JavaScript和JQuery知识基础
老师告诉你能学到什么?
1.掌握“新手引导”的实现思路 2.了解html结构布局 3.掌握简便的定位方法 4.学会用 原生JavaScript代码和JQuery两种方式实现依次显示效果
意见反馈 常见问题 APP下载
官方微信
hv128