Question

我有一个与其他部分重叠的部分。当我使用setinterval更改背景图像时，背景图像显示在顶部，然后最终显示另一部分。看起来整个页面都刷新了。我需要在一个区间刷新背景图像，而不刷新页面的其余部分。提前感谢您的帮助。

Answer 1

看看这段代码，picture.jpg并没有消失：

<!doctype html>
<html>
<head>
</head>
<body>

<div id="bg" height="400" style="background-image:url(red.jpg);">
<div>
<img src="picture.jpg">
</div>
</div>

<script>
setInterval(function(){
   document.getElementById("bg").style.backgroundImage = (document.getElementById("bg").currentStyle.backgroundImage.search('red.jpg') < 0)
                                                       ? "url(red.jpg)"
                                                       : "url(blue.jpg)";
   }, 3000);
</script>

</body>
</html>

更改div背景图像刷新页面

1 个答案: