源码论坛,商业源码下载,尽在锦尚中国商业源码论坛

标题: 网页html随机切换背景图片的实现代码 [打印本页]

作者: 洪七公 时间: 2023-2-28 23:19
标题: 网页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>

作者: 洪七公 时间: 2023-2-28 23:20
完美实现，看效果的可以访问www.52jscn.com

欢迎光临源码论坛,商业源码下载,尽在锦尚中国商业源码论坛 (https://bbs.52jscn.com/)