Js实现网页随机背景图

以下是一个简单的JavaScript函数，用于在网页上随机更换背景图片：




function randomBackground() {
  const imagesArray = [
    'image1.jpg',
    'image2.jpg',
    'image3.jpg',
    // 添加更多图片路径
  ];
 
  const randomIndex = Math.floor(Math.random() * imagesArray.length);
  const randomImage = imagesArray[randomIndex];
 
  document.body.style.backgroundImage = `url('${randomImage}')`;
}
 
// 调用函数
randomBackground();

确保将image1.jpg, image2.jpg, image3.jpg等替换为实际的图片文件路径。这个函数会在页面加载时随机选择一个图片设置为背景。如果你想在某个事件（比如按钮点击）发生时更换背景，可以将函数调用放在事件处理函数中。

Js实现网页随机背景图

评论已关闭

推荐阅读