能写一个类似“https://www.dpm.org.cn/Home.html”网页中多张图片切换的代码吗

当您说多张图片切换时，我想您指的是轮播图。下面是一个简单的轮播图示例代码：

HTML：

<div class="slideshow">
  <img src="https://via.placeholder.com/600x400?text=Slide+1" />
  <img src="https://via.placeholder.com/600x400?text=Slide+2" />
  <img src="https://via.placeholder.com/600x400?text=Slide+3" />
</div>

CSS：

.slideshow {
  position: relative;
  height: 400px;
  width: 600px;
}

.slideshow img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.5s;
}

.slideshow img.active {
  opacity: 1;
}

JavaScript：

const slides = document.querySelectorAll(".slideshow img");
let currentSlide = 0;

function nextSlide() {
  slides[currentSlide].classList.remove("active");
  currentSlide = (currentSlide + 1) % slides.length;
  slides[currentSlide].classList.add("active");
}

setInterval(nextSlide, 3000);

这个代码将会每隔3秒钟切换到下一张图片。您可以根据需要更改图片大小和轮播时间。同时，您也可以为轮播图添加控制按钮，以便用户可以手动切换图片。