首页html随机显示图片

html随机显示图片

时间: 2023-07-25 12:06:32 浏览: 936

可以使用JavaScript来实现HTML随机显示图片的效果。以下是一个简单的示例代码： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>随机显示图片</title> </head> <body> <img id="random-image" src=""> <script> var images = ["img1.jpg", "img2.jpg", "img3.jpg", "img4.jpg"]; // 图片数组 var randomIndex = Math.floor(Math.random() * images.length); // 随机生成一个索引 var randomImage = images[randomIndex]; // 获取随机图片的路径 document.getElementById("random-image").src = randomImage; // 在页面中显示随机图片 </script> </body> </html> ``` 你可以将上述代码保存为一个 HTML 文件并在浏览器中打开，就可以看到随机显示图片的效果。注意，需要将图片放置在同一目录下，并将其文件名更新到 `images` 数组中。

阅读全文