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文件中设置封面和不重复。

Answer 2

使用document.body.style.backgroundImage =＆＃34; url（＆＃39;＆＃34; +＆＃39; images / bg /＆＃39; + num +＆＃39; .jpg＆＃39 ; +＆＃34;）＆＃34 ;;

（google关于css背景图片）。

js身体随机背景图像

2 个答案: