指导学习1指导学习1DIV层的应用DIV层的应用任务完成任务在网页中插入图层,图片层的轮换播放,功能如下:1、鼠标控制层的显示/隐藏2、层随滚动轴移动3、图片轮换播放训练的技能点1、会使用getElementById()2、层的显示隐藏:display:block,none3、windows.open的应用4、会使用setTimeout()讲解说明讲解说明阶段划分第一部分:阶段小结(50~100分钟)阶段小结上机、作业共性问题讲解第三部分(20分钟)总结第二部分:练习(100分钟)阶段1(10分钟)网页左侧带关闭按钮的广告图层阶段2(15分钟)网页右侧带关闭按钮的广告图层阶段3(10分钟)左侧层随滚动条移动阶段4(15分钟)右侧层随滚动条移动阶段5(20分钟)3张图片循环显示的横幅广告阶段6(30分钟)5张图片循环显示的横幅广告讲解说明讲解说明阶段小结本门课程1~4章阶段小结会使用getElementById()层的显示隐藏:display:block,nonewindows.open的应用会使用setTimeout()讲解说明讲解说明上机、作业共性问题学员上机、作业共性问题讲解学员问题答疑讲解说明讲解说明阶段1需求说明:网页左侧带关闭按钮的广告图规范代码示例讲解需求说明讲解需求说明实现思路及关键代码:1、通过点击关闭层,调用隐藏广告层的函数2、关闭层调用函数关键代码阶段1Function函数名(){document.getElementById(“广告层ID号").style.block=’none’;document.getElementById("关闭层ID号").style.display='none';}规范代码示例讲解实现思路和关键代码讲解实现思路和关键代码完成时间:10分钟完成时间:10分钟需求说明1.网页右侧带关闭按钮的广告图2.弹出广告阶段2规范代码示例弹出广告弹出广告完成时间:15分钟完成时间:15分钟阶段2教员巡视指导,进行阶段检查共性问题集中讲解共性问题集中讲解常见调试问题及解决办法代码规范问题需求说明:层随滚动条移动阶段3规范代码示例讲解需求说明讲解需求说明实现思路及关键代码:层距窗口上方及左方位置相对固定阶段3规范代码示例functionmove(){document.getElementById("leftdiv").style.pixelTop=document.body.scrollTop+50;document.getElementById("leftdiv").style.pixelLeft=document.body.scrollLeft+5;}讲解实现思路和关键代码讲解实现思路和关键代码完成时间:10分钟完成时间:10分钟需求说明:网页右侧随滚动条移动的广告图阶段4规范代码示例完成时间:15分钟完成时间:15分钟阶段4教员巡视指导,进行阶段检查共性问题集中讲解共性问题集中讲解常见调试问...