2026年春国开电大网页设计实训7 制作轮播图定时器.docx

\o2026年春国开电大网页设计实训7制作轮播图定时器2026年春国开电大网页设计实训7制作轮播图定时器

《网页设计》形考任务

实训名称

制作轮播图定时器

实训内容

制作轮播图定时器，每隔一秒钟切换一张图片，在图片切换的同时，切换图片下方的文字，当最后一张图片播放完成后，重新播放。

实训要求

通过实训，掌握DOM元素操作的基本方法，掌握定时器的使用方法。

实训数据记录

步骤及简述〔含截图冫

在HTML文件中创建一个容器元素，用于显示轮播图。可以使用div标签，并为其设置一个唯一的ID属性，例如divid=slideshow。

在CSS文件中定义轮播图容器的样式，包括