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('');

>



希望这篇文章将帮助大家基于Javascript的Web程序设计。