开始之前:
CUT
所以,基本上我问你是否可以帮我调整这段代码来改变div“blur_background”的背景图片而不是改变身体背景的颜色。 其他解决方案是受欢迎的,希望能解决这个问题:)
编辑: 这就是我尝试过的,类似于你的:
<script type="text/javascript">
var currentTime = new Date().getHours();
if(5 < currentTime && currentTime < 18){
document.getElementsByClassName("blur_background")[0].style.background-image = 'http://adventureofucm.com/OtherSites/Day_Time_Background/imperial_boy_2800x1600_wallpap_2800x1600_.jpg';
}
else{
document.getElementsByClassName("blur_background")[0].style.background-image = 'http://adventureofucm.com/OtherSites/Day_Time_Background/1245989002801.jpg';
}
</script>
答案 0 :(得分:1)
请不要创建元素并使其变得非常复杂。您可以使用javascript本身设置元素的样式,例如:
document.getElementsByClassName("blur_background")[0].style.backgroundColor ='red'
会将div的颜色更改为红色。
在您的网站中尝试该代码,它会更改背景颜色。因此,您可以有条件地触发此语句而不是document.write
更新:设置backgorund-image使用此
document.getElementsByClassName("blur_background")[0].style.backgroundImage = 'url(http://adventureofucm.com/OtherSites/Day_Time_Background/imperial_boy_2800x1600_wallpap_2800x1600_.jpg)';
答案 1 :(得分:0)
在css中,您可以使用background-image: url("[YOUR IMAGE URL HERE]")
将背景更改为图片
在你的情况下,你可以在夜间改变背景,如下所示:
//18-19 night
if (hours > 17 && hours < 20){
document.write('body{background-image: url("[YOUR IMAGE URL HERE]"); color:#FFFFFF;} a{color: yellow !important}')
}
以下资源可帮助您了解更改元素背景的其他选项: