Jquery 如何将分区中的div从下向上滑动

如果有人能帮助我使用jquery一个接一个地创建从底部到顶部滑动的div，我将不胜感激。第一个div应该活动一段时间，然后慢慢向上移动，第二个div应该开始向上移动并停留一段时间，所有div都应该继续

#carousel {
height:300px;
overflow:hidden;
}

#carousel div {
width:500px;
border:1px solid #ccc;
height:300px;
position:relative;
}

#carousel div:first-child {
background-color:#e01783;
}

#carousel div:nth-child(2) {
background-color:#ff4e00;
}

#carousel div:nth-child(3) {
background-color:#ffd141;
}

#carousel div:nth-child(4) {
background-color:#6dcb99;
}

#carousel div:last-child {
background-color:#e2b87f;
}


<section id="carousel">
                               <div></div>
                               <div></div>
                               <div></div>
                               <div></div>
                               <div></div>
               </section>




 var t = setInterval(function(){

        $("#carousel div").animate({marginTop:300},5000,function(){

            $(this).find("div:last").after($(this).find("div:first"));
            $(this).css({marginTop:0});

              });
    },5000);

旋转木马{ 高度：300px； 溢出：隐藏； } #旋转木马部{ 宽度：500px； 边框：1px实心#ccc； 高度：300px； 位置：相对位置； } #旋转木马组：第一个孩子{ 背景色：#e01783； } #旋转木马分区：第n个孩子（2）{ 背景色：#ff4e00； } #旋转木马分区：第n个孩子（3）{ 背景色：#ffd141； } #旋转木马分区：第n个孩子（4）{ 背景色：#6dcb99； } #旋转木马分区：最后一个孩子{ 背景色：#e2b87f； } var t=setInterval（函数（）{ $（“#carousel div”）.animate（{marginTop:300}，5000，function（）{ $（this.find（“div:last”）。之后（$（this.find（“div:first”））； $（this.css（{marginTop:0}）； }); },5000);

---

您可以尝试以下方法（我使用了jquery 1.8.3）

或者更好

var delayMe = 0;
$('#carousel div').siblings().each( function() {
    delayMe += 800;
    $(this).delay(delayMe).slideUp(300);
});

---

我只是鼓励他自己尝试更多@请找到我正在尝试的jquery代码..你觉得我的怎么样？如果对你有效，请随意选择我的答案作为最佳答案（绿色大复选标记），谢谢！如果你需要向下移动div，你可以使用

slideDown

而不是

slideUp

，也可以将时间设置为更大的值，以获得较慢的动画效果，如

slideDown（1000）

对不起……我不知道我必须将复选标记设为绿色……这是我第一次发布

var delayMe = 0;
$('#carousel div').siblings().each( function() {
    delayMe += 800;
    $(this).delay(delayMe).slideUp(300);
});