网页背景图片自动切换

网页背景图片自动切换可以通过JavaScript代码实现。以下是一个简单的实现方式：

在HTML中添加一个具有固定高度和宽度的div元素，作为背景容器：

<div id="background"></div>

在JavaScript中定义一个数组，包含需要轮换的图片URL：

var images = ["image1.jpg", "image2.jpg", "image3.jpg"];

创建一个计数器变量，用于跟踪当前显示的图片：

var counter = 0;

定义一个函数，用于在背景容器中显示下一张图片：

function changeBackground() {
  counter++;
  if (counter >= images.length) {
    counter = 0;
  }
  var url = "url('" + images[counter] + "')";
  document.getElementById("background").style.backgroundImage = url;
}

使用定时器，每隔一段时间调用changeBackground函数，以实现自动切换背景图片的效果：

setInterval(changeBackground, 5000); // 每5秒钟切换一次图片

完整的代码如下：

<div id="background"></div>

<script>
  var images = ["image1.jpg", "image2.jpg", "image3.jpg"];
  var counter = 0;

  function changeBackground() {
    counter++;
    if (counter >= images.length) {
      counter = 0;
    }
    var url = "url('" + images[counter] + "')";
    document.getElementById("background").style.backgroundImage = url;
  }

  setInterval(changeBackground, 5000);
</script>