Js实现网页随机背景图
warning:
这篇文章距离上次修改已过192天,其中的内容可能已经有所变动。
以下是一个简单的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
等替换为实际的图片文件路径。这个函数会在页面加载时随机选择一个图片设置为背景。如果你想在某个事件(比如按钮点击)发生时更换背景,可以将函数调用放在事件处理函数中。
评论已关闭