html网页编程 HTML5网页编程教案_图文.doc

html网页编程 HTML5网页编程教案_图文 导读：就爱阅读网友为您分享以下“HTML5网页编程教案_图文”的资讯，希望对您有所帮助，感谢您对92的支持! 教学内容 一 在线平台测试与作业点评 公布学生在线平台测试与作业成绩，并点评。 二 布置课堂任务单 会使用document对象的getElementById( )方法访问DIV层对象 会使用document对象的getElementsByName( )方法访问表单元素 会使用DIV对象的样式属性控制层的隐藏和显示 任务介绍： 三、相关知识点 如何在页面上方显示广告图片？如何控制图片的移动？ 实现思路： 在页面中插入层，然后在层中插入图片 编写脚本 1、使用getElementByID( )方法获取层对象 2、捕获鼠标滚动事件，改变层对象的位置坐标 常见的页面坐标的介绍 top:指定元素的上边界位置。 pixelTop:设置或返回元素的上边界。 left:指定元素的左边界位置。 scrolltop:页面滚动的高度 lt;SCRIPT language=quot;javascriptquot;gt; var advInitTop=0; function inix( ){ advInitTop=document.getElementById(quot;advLayerquot;).style.pixelTop; } function move( ){ document.getElementById(quot;advLayerquot;).style.pixelTop= advInitTop+document.body.scrollTop; } window.onscroll=move ; //当页面滚动时调用move( )函数 lt