JavaScript随机变换表格背景

最新推荐文章于 2022-10-23 09:51:57 发布

原创最新推荐文章于 2022-10-23 09:51:57 发布 · 698 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #image #function #xhtml #html #border

Javascript 专栏收录该内容

25 篇文章

订阅专栏

本文介绍了一个简单的HTML页面示例，该页面利用JavaScript实现网页背景图片的随机更换功能。通过定义一个包含多张图片路径的数组，并使用Math.random()函数随机选择一张图片作为背景显示。

s<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>

</head>

<body>
<table id="pic" cellpadding="0" cellspacing="0" border="1" width="991" height="439" bordercolor="red">
<tr>
<td>picture chanage!</td>
</tr>

</table>

　　<Script Language="JavaScript">
window.onload=function()
{
changePicture();
}
function changePicture(){
　　
　　image = new Array(3); //定义image为图片数量的数组
　　
　　image [0] = '1.jpg' //背景图象的路径
　　
　　image [1] = '2.jpg'
　　
　　image [2] = '3.jpg'
　　
　　image [3] = '4.jpg'
　　
　　number = Math.floor(Math.random() * image.length)+1;
　　
　　document.getElementById('pic').background="images/"+number+".jpg";
　　}
　　</Script>
</body>
</html>