js实现刷新页面出现随机背景图

Posted atttitude

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js实现刷新页面出现随机背景图相关的知识,希望对你有一定的参考价值。

js实现刷新页面出现随机背景图

直接上代码:
<script>
var bodyBgs = [];
bodyBgs[0] = "IMG/01.jpg";
bodyBgs[1] = "IMG/02.jpg";
bodyBgs[2] = "IMG/03.jpg";
bodyBgs[3] = "IMG/04.jpg";
bodyBgs[4] = "IMG/05.jpg";
var randomBgIndex = Math.round( Math.random() * 4 );
//输出随机的背景图
document.write(‘<style>body{background:url(‘ + bodyBgs[randomBgIndex] + ‘)top center no-repeat; background-size:cover;}</style>‘);

</script>













以上是关于js实现刷新页面出现随机背景图的主要内容,如果未能解决你的问题,请参考以下文章

vue实现刷新页面随机切换背景图适用于登陆界面

vue实现刷新页面随机切换背景图适用于登陆界面

求js指定时间范围对页面进行刷新代码

用es6语法写ts导入html——面向对象实现点击div变随机色,刷新页面随机变色

用php怎么实现每刷新一次网页,背景颜色自动切换,且输出当前颜色代码​

页面的div中有滚动条,js实现刷新页面后回到记录时滚动条的位置