利用Math.random做背景图像随机切换【前端开发技能必备系列】
利用Math.random做背景图像随机切换【前端开发技能必备系列】<div id="cnblogs_post_body">你应该见过（尤其是在一个网站的登录页面，比如：人人小站）这样的效果：每次登录的页面背景都是不同的。这说明该页面很有可能启用了背景随机切换的效果。最初见到这种效果的呈现时，觉得比较炫，后来仔细想想，这个用javascript实现起来应该很简单。
先看一下我做的演示吧：http://www.threesnow.com/code/093/
1. 首先要准备一些图像，图像的大小（无论是尺寸大小还是数据大小）要控制好，如果太大，会使用户等不及查看全图就跳出了，如果太小，又会影响页面质量。
2. 在script中将这些图像编为一个数组，便于调用。数组的长度当然就是图像的数量。
<div class="cnblogs_code">var bodyBgs = []; //创建一个数组变量来存储背景图片的路径bodyBgs = "images/01.jpg";bodyBgs[1] = "images/02.jpg";bodyBgs[2] = "images/03.jpg";bodyBgs[3] = "images/04.jpg";bodyBgs[4] = "images/05.jpg";
页:
[1]