博学谷——让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栏切换效果：

秒杀结束