网页html随机切换背景图片的实现代码

洪七公

今天实现咱们锦尚中国官网的图片可以实现自动切换，首先要准备一些图像，图像的大小（无论是尺寸大小还是数据大小）要控制好，如果太大，会使用户等不及查看全图就跳出了，如果太小，又会影响页面质量。

在script中将这些图像编为一个数组，便于调用。数组的长度当然就是图像的数量。下面给出的是全部的js代码，加载到您的页面中就可以了！

<script type="text/javascript">

        var bodyBgs = [];
        bodyBgs[0] = "images/01.jpg";
        bodyBgs[1] = "images/02.jpg";
        bodyBgs[2] = "images/03.jpg";
        bodyBgs[3] = "images/04.jpg";
        bodyBgs[4] = "images/05.jpg";
        var randomBgIndex = Math.round( Math.random() * 4 );

        document.write('<style>body{background:url(' + bodyBgs[randomBgIndex] + ') no-repeat 50% 0}</style>');

    </script>

洪七公

为了不扰乱会员对源码的测试，有问题咨询右侧客服不要直接回复，否则视为非法信息屏蔽会员ID！

完美实现，看效果的可以访问www.52jscn.com