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实现刷新页面出现随机背景图的主要内容,如果未能解决你的问题,请参考以下文章
用es6语法写ts导入html——面向对象实现点击div变随机色,刷新页面随机变色