javascript - js body随机背景图片

Question

此代码应使用/images/bg/文件夹中的任何 .jpg 图像，但它似乎并未拍摄低于特定分辨率的图像...有什么建议吗？

<!--random background images from a folder-->

<script type="text/javascript">
        var totalCount = 5;
        function ChangeIt() {
            var num = Math.ceil(Math.random() * totalCount);
            document.body.background = 'images/bg/' + num + '.jpg';
            document.body.style.backgroundSize = "cover";
        }
</script>

Answer 1

Demo

document.body.background 已弃用，它应该是 document.body.style.background 并且您提供的格式是错误的。尝试一下

document.body.style.background = 'url(images/bg/' + num + '.jpg)';

以下方法也有效，并且不会删除背景的其他属性，例如backgroundSize，因此您不需要行document.body.style.backgroundSize =“cover”;只要一开始就设置好了。

document.body.style.backgroundImage = 'url(images/bg/' + num + '.jpg)';

因此，您的代码将显示为

<script type="text/javascript">
    document.body.style.backgroundSize='cover';
    document.body.style.backgroundRepeat='no-repeat'; // i've assumed this
    var totalCount = 5;
    function ChangeIt() {
        var num = Math.ceil(Math.random() * totalCount);
        document.body.style.backgroundImage = 'url(images/bg/' + num + '.jpg)';
    }
</script>

不过，理想情况下您应该在 CSS 文件中设置封面和不重复。