JavaScript 实现随机背景图片的方法

作者:代码拾荒

时间:2026-10-29

浏览:342

本文介绍如何在 HTML 页面中使用 JavaScript 随机显示背景图片。通过将图片路径存入数组,利用 Math.random 生成随机索引,并动态写入 BODY 标签的 BACKGROUND 属性,实现每次刷新页面时背景图片随机切换的效果。

文章目录

JavaScript 实现随机背景图片的方法

本文介绍一种使用 JavaScript 随机显示网页背景图片的实现方式,供读者参考。

将以下代码片段放置在 HTML 文档的 <head> 与 </head> 标签之间:


<script LANGUAGE="JavaScript">
bg = new Array(2);
//设定图片数量,如果图片数为3,这个参数就设为2,依次类推
bg[0] = 'bg1.gif' //显示的图片路径,可用http://
bg[1] = 'bg2.gif'
bg[2] = 'bg3.gif'
index = Math.floor(Math.random() * bg.length);
document.write("<BODY BACKGROUND="+bg[index]+">");
</script>

希望上述内容对您的 JavaScript 编程有所帮助。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章