js实现网页背景随机切换的方法

本文介绍了js实现网页上背景图像随机切换的方法，供大家参考，具体实现方法如下：

首先，我们需要准备一些图像。图像的大小，无论大小或数据的大小，都必须得到很好的控制。如果它太大，它将使用户跳出整个图形，如果它太大，等待。如果它太小，它也会影响页面的质量。

在脚本中，这些图像被编译成一个数组以便于调用。数组的长度当然是图像的个数。

复制代码如下：var bodybgs = {}； / /创建变量来存储阵列路径的背景图片

bodybgs { 0 } = 图片 / 01。JPG；

bodybgs { 1 } = 图片 / 02。JPG；

bodybgs { 2 } = 图片 / 03。JPG；

bodybgs { 3 } = 图片 / 04。JPG；

bodybgs { 4 } = 图片 / 05。JPG；

因为它使用5个图像，所以这里需要一个0到4的随机数。如果数组长度不同，可以在下面的代码中修改乘法器。

复制代码如下：var randombgindex = math.round（Math.random）*（4）；

这是这个计划的核心，虽然很简单，但却是一个小的思考方式。如果是基于此，它可以通过处理来做一些扩展功能。例如，话题切换和其他随机演示等。

复制代码代码如下所示：

/ / < CDATA {！

无功bodybgs = { }；

bodybgs { 0 } = 图片 / 01。JPG；

bodybgs { 1 } = 图片 / 02。JPG；

bodybgs { 2 } = 图片 / 03。JPG；

bodybgs { 3 } = 图片 / 04。JPG；

bodybgs { 4 } = 图片 / 05。JPG；

无功randombgindex = math.round（Math.random）*（4）；

输出随机背景地图

document.write（''）；

>
希望这篇文章将帮助大家基于Javaｓｃｒｉｐｔ的Web程序设计。