有人可以帮我做一个简单的javascript来获取元素身体,所以我可以改变它的风格每隔X秒更换背景图片?按时间旋转身体的背景图像
1
A
回答
0
设置功能切换的背景和添加的间隔做到这一点。 背景包含在阵列bgArr。
bgArr = ['images/bg1.jpg', 'anotherdir/bg2.jpg', 'otherone/bg3.jpg'];
bgCur = 0;
backgroundSwitch = function()
{
if (bgCur == bgArr.length) bgCur = 0;
document.body.style.backgroundImage = 'url('+ bgArr[bgCur++]+ ')';
}
window.setInterval(backgroundSwitch, 30000); // Switch every 30 seconds.
0
setInterval(function() {
document.body.style.backgroundImage = new_image;
}, 3000);
2
有你需要三样东西(其中两个已经被其他的答案中提到):
- 内置函数
setInterval()
,到断火的处理函数每X秒。 - 表达式
document.body
,它可让您直接引用body
元素的DOM对象。 - 将在图像之间切换的功能(将传递给
setInterval()
)。这可能需要一些数据结构才能记住要切换的图像列表。
例如:
var images = ['./image1.jpg', './image2.jpg'];
var curImage = 0;
function switchImage()
{
curImage = (curImage + 1) % images.length
document.body.style.backgroundImage = 'url(' + images[curImage] + ')'
}
window.setInterval(switchImage, numSeconds * 1000);
相关问题
- 1. 旋转按钮的背景图像
- 2. 背景图像旋转
- 3. 背景图像旋转器
- 4. 旋转背景图像
- 5. CSS背景图像旋转
- 6. 在背景图像上旋转图像
- 7. 身体背景图像旋转应支持动态图像数量
- 8. 旋转对背景图像的影响
- 9. 身体的响应背景图像
- 10. 移动身体的背景图像
- 11. 时间背景图像转换器
- 12. 无限旋转图像背景UIImageView
- 13. 图像旋转与白色背景
- 14. jQuery body背景图像旋转器
- 15. UICollectionView背景图像未旋转延伸
- 16. jquery CSS背景图像旋转
- 17. 旋转图像后,更改背景
- 18. 旋转木马覆盖背景图像
- 19. 用CSS3旋转背景图像
- 20. 全屏旋转背景图像
- 21. UIView背景图像不旋转
- 22. 身体背景图像和jquery
- 23. 身体背景图像问题
- 24. gwt 2.7.0身体背景图像
- 25. 身体背景图像不可见
- 26. 网页身体背景多个图像
- 27. 身体背景图像不显示
- 28. 更改背景图像在身体
- 29. 身体背景图像淡入
- 30. css3堆栈2身体背景图像
它切换,但它只是不继续通过图像旋转。如果我创建了一个数组,这会解决吗?以及如何在JavaScript中创建一个数组?非常感谢! – Cory
当然你需要一个数组......我现在会更新我的答案。 – 2011-09-01 00:53:36