15.6  背景处理

15.6 背景处理

在Web页面设计过程中,通常为满足特殊需要而对页面背景进行修饰。接下来将通过一个轮换背景模块实例的实现过程,向读者讲解JavaScript处理背景的方法。

978-7-111-53392-4-Part04-203.jpg

本实例的基本功能是,通过JavaScript技术获取指定显示的三幅背景图像,然后在页面打开后随机的显示出来。本实例实现文件1.html的设计流程如下。

(1)指定三幅背景图像的路径。

(2)通过JavaScript实现对指定图像的调用。

文件1.html的主要实现代码如下。

978-7-111-53392-4-Part04-204.jpg

执行后的效果如图15-18所示。

当刷新上述页面后会显示不同的页面背景。

978-7-111-53392-4-Part04-205.jpg

图15-18 显示效果图