Question

我有以下HTML和Javascript代码。底部显示的Randomize()函数包含在div中，该div具有应用于其的特定主题。

div id="themeing">
     <script type="text/javascript">Randomize()</script>
</div>

function Randomize() {
    var images = new Array("images/banner/banner1.jpg","images/banner/banner2.jpg","images/banner/banner3.jpg","images/banner/banner4.jpg");
    var imageNum = Math.floor(Math.random() * images.length);
    document.getElementById("header").style.backgroundImage = "url('" + images[imageNum] + "')";
}

window.onload = Randomize;

此功能允许我在pageload的网站横幅中旋转图像。现在该功能正常，但CSS应用于id="themeing"的样式不适用于Javascript输出的图像。

如何制作Randomize()的输出？

Answer 1

我昨天看了同样的问题:)

我使用Jquery插件和.css函数找到了解决方案：

$('jQuery selector').css({"css property name":"css property value"});

如果您不想使用Jquery，也许您可以查看他们的插件如何编码？

Answer 2

如果您正在讨论CSHTML，我不确定，但可以通过设置另外两个属性来设置图像以覆盖整个背景：

background-repeat: no-repeat; //in case you don't want repetition of image.
 background-size: cover;

希望它有所帮助。

JS函数中的CSS样式

2 个答案: