Question

我想随机显示一张完整的背景图片，但我不知道。

var images = [], 
index = 0;

images[0] = "img/y0.gif";
images[1] = "img/y1.gif";
images[2] = "img/y2.gif";
images[3] = "img/y3.gif";
images[4] = "img/y4.gif";
images[5] = "img/y5.gif";

index = Math.floor(Math.random() * images.length);
document.body.style.background = "url('+images[index]+') no-repeat center center fixed";

采取空白屏幕。

我的css：

@import url(http://fonts.googleapis.com/css?family=Advent+Pro:100);
html { 
    margin: 0;
    padding: 0;
    width:100%;
    height:100%;
}
body {
    background-size: cover; 
    height: 100%;
}

原因是什么？

Answer 1

"url('+images[index]+') no-repeat center center fixed";

应该是

"url('"+images[index]+"') no-repeat center center fixed";

Answer 2

document.body.style.background = "#fff url('"+images[index]+"') no-repeat center center fixed";

现在有效..

随机背景图像与Javascript

2 个答案: