博学谷——让IT教学更简单，让IT学习更有效
【案例22】违停查询：
“违停查询界面”默认效果
博学谷——让IT教学更简单，让IT学习更有效
鼠标经过第一个“违停坐标”效果
[知 识 点]
? ? ? ? ? ? ? ? ? ? ?
元素的浮动属性float clear属性清除浮动 overflow属性清除浮动 after伪对象清除浮动 overflow属性 元素的定位属性 静态定位 相对定位 绝对定位 固定定位
z-index层叠等级属性
[重 点]
? ? ? ? ?
元素的浮动属性float clear属性清除浮动 overflow属性清除浮动 相对定位 绝对定位
[难 点]
? overflow属性清除浮动 ? 相对定位 ? 绝对定位
[基本要求]
? 理解元素的浮动，能够使用浮动对网页进行布局。 ? 熟悉清除浮动的方法，能够清除浮动的影响。
? 掌握常见的几种定位模式，能够对元素进行精确定位。
第八章 JavaScript编程基础（8学时）
[相关案例]
【案例23】动态获取用户密码：
博学谷——让IT教学更简单，让IT学习更有效
【案例24】传智商城下拉菜单：
“传智商城”效果展示
“下拉菜单”效果展示
【案例25】计算器：
[知 识 点]
? ? ? ? ? ? ? ? ? ? ? ? ? ? ?
JavaScript的引入 关键字 变量
prompt()函数 alert()函数
console.log()函数 函数
Array数组对象 DOM节点树 节点的访问
元素对象常用操作 元素属性与内容操作 元素样式操作 数据类型 运算符
博学谷——让IT教学更简单，让IT学习更有效
? ? ? ?
运算符优先级 表达式 条件语句 eval()函数
[重 点]
? ? ? ? ? ? ? ? ?
变量 函数
Array数组对象 DOM节点树 节点的访问
元素对象常用操作 元素属性与内容操作 元素样式操作 条件语句
[难 点]
? ? ? ? ?
DOM节点树 节点的访问
元素对象常用操作 元素属性与内容操作 元素样式操作
[基本要求]
? ? ? ?
掌握JavaScript语法规则，能够书写规范的JavaScript代码。 掌握数组的概念，能够熟练使用数组的常用属性和方法。 掌握节点的访问，能够准确访问指定元素和相关元素。
掌握if语句及switch语句，能够灵活运用条件控制语句。
第九章 JavaScript事件处理（10学时）
[相关案例]
【案例26】电商网站限时秒杀：
限时秒杀
【案例27】Tab栏切换效果：
秒杀结束