- 代码作用不借助任何第三方随机图片api接口,每次刷新网站都可以随机显示自己喜欢的背景图片。
【代码展示】
- 代码中展示的为链接地址也可以改成本地比如
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";
【食用方法】
- 把代码粘贴到您网站全局公共页脚文件里(一般为 foot.php 或 footer.php ), 前;可以自己修改图片地址,也可以删减图片,修改后记得修改 var randomBgIndex = Math.round( Math.random() * 20 ); 这段代码中20为实际图片数量。
【定时循环随机背景图】
- 上面介绍的是每次网站刷新都会随机一张图片下面介绍一个
- javascript实现background 定时循环随机背景图
案例1 - 采用API接口
<script type="text/javascript"> setInterval('Getbg();', 2000); function Getbg(){ var randomBgIndex = Math.round( Math.random() * 166 ); //输出随机的背景图 document.body.style.background="#9E9E9E url(https://acg.7585.net.cn/acg?"+randomBgIndex+") no-repeat "; } </script>
- 利用API接口实现,第二行的2000是切换时间,这里是毫秒单位!
案例2 - 固定图片
继续阅读
- 我的微信
- 这是我的微信扫一扫
-
- 我的微信公众号
- 我的微信公众号扫一扫
-
2023年4月11日 10:14 47楼
上班的我——风吹就倒,下班的我——狗追不到。
2023年4月11日 10:14 46楼
一直对发型不满意的人,有一个共同点,不肯承认这是脸的问题。
2022年9月21日 09:04 45楼
上班的我——风吹就倒,下班的我——狗追不到。
2022年9月18日 17:43 44楼
人丑就要多读书,这样以后,才能有钱整容。
2022年8月21日 21:54 43楼
和玩不来的人一起玩,感觉特别像是在加班。
2022年5月24日 23:07 42楼
你打起精神,3分钟就能做完的事情,打起精神就要花上3小时。
2021年12月13日 16:39 41楼
当代年轻人恋爱最高境界,无话可说,但又彼此折磨。