JS典型网页特效.docVIP

JS典型网页特效 电子时钟 任务目标 许多网站都在页面上有一个浮动的电子时钟以显示当前时间，提醒上网者注意上网时间。本次任务的目标是要在web页面上打造一个电子时钟。下面这张图片就是我们要实现的一个最基本的电子时钟的效果图： 设计思路 结构规划 （div＋css结构） 本次任务的时钟显示部分使用一个DIV（层）实现，而时钟的显示样式则使用CSS样式表加以修饰。而电子时钟的效果是通过每隔一秒获取一次系统时间并刷新DIV内容的方式来实现。 任务分析 要实现本次任务的特效，我们应掌握以下几个关键知识点的应用： window.setTimeout()方法的使用； 时间对象的使用； 获取web页面元素和在web页面元素中添加内容的方法； 任务实施 创建一个html文档作为本次任务的开发载体 打开DreamWeaver，点击文件-新建，在弹出的新建文件对话框中选择html，点击创建生成一个html文档 点击文件-保存，或直接按快捷键Ctrl+S将文档保存为“电子时钟.html” 制作电子时钟的显示面板； 在body标签中间添加显示时间的容器——div标签，并将其id属性设为：“showtime” div id=showtime /div div标签简介： div 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 div 固有的唯一格式表现。可以通过 div 的 c