单击按钮可提供随机图像背景(CSS + JavaScript + JQuery)

<button id="changeBackground">点击更换背景图像</button>

#changeBackground {
  padding: 10px 20px;
  background-color: #007bff;
  color: #fff;
  border: none;
  cursor: pointer;
}

// 获取按钮元素
var button = document.getElementById("changeBackground");

// 定义图像数组，存储多个背景图像的URL
var images = [
  "image1.jpg",
  "image2.jpg",
  "image3.jpg",
  // 更多图像URL
];

// 绑定按钮点击事件
button.addEventListener("click", function() {
  // 随机生成一个索引，用于从图像数组中获取随机图像URL
  var randomIndex = Math.floor(Math.random() * images.length);
  
  // 设置body元素的背景图像为随机图像URL
  document.body.style.backgroundImage = "url(" + images[randomIndex] + ")";
});

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>