在网页中怎么实现每几秒换图

 时间:2026-02-15 01:50:43

1、首页我们需要新建一个html5文件,并填写其基础代码!

在网页中怎么实现每几秒换图

2、新建一个外部div层,将其设置成宽720像素,高1000像素,背景为黑色,并且水平居中。

在网页中怎么实现每几秒换图

在网页中怎么实现每几秒换图

3、编写一个ul标签,ul标签下的li标签放置图片,并为li设置id属性。

在网页中怎么实现每几秒换图

4、我们将第二张图片的上级li标签隐藏(img也跟着隐藏)。

在网页中怎么实现每几秒换图

5、编写js代码,新建两个方法,方法效果如下。

在网页中怎么实现每几秒换图

6、用setTimeout方法设置3秒后调用,这样我们就实现了几秒后图片替换。

在网页中怎么实现每几秒换图

7、我们来看看网页的显示效果,刚开始显示图片2,图片1隐藏状态,当三秒后图片1显示,图片二隐藏。这样我们就实现了几秒换图的功能,你学会了?

在网页中怎么实现每几秒换图

在网页中怎么实现每几秒换图

  • 怎样在html网页中插入视频
  • 如何在html中添加音频文件
  • 怎样让三个div在一个父级DIV下,并排显示
  • Dreamweaver如何制作网页并添加背景图片
  • HTML之锚点链接
  • 热门搜索
    广东湛江怎么样 大闸蟹怎么做 谜语大全及答案 黑色素怎么消除 男生瘦脸的最快方法 鳄鱼肉好吃吗 白色衣服发黄怎么洗 扇子舞视频大全 ktv唱歌技巧和发声方法 腺样体肥大治疗方法