循环中的背景图像旋转
循环中的背景图像旋转
提问于 2011-12-19 17:56:11
我已经开发了一个背景图像，如下所示：
body {
width: 1000px;
margin: 0 auto;
background: url('/images/bg.jpg') top center no-repeat;
background-attachment: scroll;
}图像宽度为2000px。我想旋转图像背景与三个图像bg1.jpg，bg2.jpg和bg3.jpg。你能帮我找到一个简单的解决方案吗？
回答 2
Stack Overflow用户
发布于 2011-12-19 18:02:29
既然您已经在jQuery上发布了这篇文章，我假设jQuery解决方案会更好。
下面这个例子使用一个jQuery插件：http://www.magneticwebworks.com/jquery-rotating-page-background/
Stack Overflow用户
发布于 2011-12-19 18:06:18
创建3个div可能会更好一些，这些div的位置是0，0，并且可以拉伸整个页面。在每个div中放置一个背景图像。
<div id="bg1"></div>
<div id="bg2" style="display: none"></div>
<div id="bg3" style="display: none"></div>然后，您可以使用jQuery动画(或基本上任何图像滑块插件)来更改背景。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8559618
复制相关文章
相似问题
腾讯云开发者
