Javascript 使用Z索引滚动div

我说3个div都是以0,0px的速度相互叠加的

分区1 Z索引：0 第2部分Z指数：1 第3部分Z指数：2

---

我如何在每30秒后更改一次顺序，以便它使用ID标记在所有div中循环。因此，30秒后，Div 2位于顶部，Div 1位于底部，然后30秒后，Div 3位于顶部，Div 2位于底部等等。

您不需要框架或类似的东西。这其实很简单。下面是一个使用jQuery作为库的快速演示，但如果需要，您也可以这样做

您所需要做的就是设置一个间隔并增加一个索引，然后选择该索引处的div，并分配一个“active”类或只有一个set z-index的类

变量$box=$'.box'， 活动_框=0， 时间=30000； 设置间隔函数{ //签出活动框索引 如果活动的_框<$box.length-1{ 活动接线盒++ }否则{ 活动_框=0； } //设置“活动”并从同级中删除“活动” $box.eqactive\u box.addClass'active'。兄弟.removeClass'active' }，时间； .盒子{ 位置：绝对位置； 顶部：0px； 左：0px； 高度：100px； 宽度：100px； z指数：0； } .主动{ z指数：2； } a{ 背景色：红色； } b{ 背景颜色：蓝色； } c{ 背景颜色：黄色； } 1. 2.

---

3重新排列div是否有逻辑？如果使用CSS框架，您会有更多的运气，这将为您完成工作。您指的是类似于图像旋转木马的东西。试用Bootstrap或基金会，甚至W3CSS，利用jQuery实现这一点。幸运的是，它可以在小提琴上工作，但当我把它放在我的网站上时就不行了。我在div中添加了样式元素，但没有使用@user2899094，您不应该使用内联样式。为了使其正常工作，您需要将这些样式设置为外部样式。