Javascript 使用控件创建div幻灯片

您好，我试着为我的表单编写一个简单的幻灯片，因为它太长了。我决定将表单分成四个不同的部分，绝对地放在彼此的上面。现在我想像幻灯片一样循环浏览它们这里是我的div的css类，它们的容器已经设置为相对位置

            .feuille{
    border:1px solid red;
    width:600px;
    height:494px;
    background:white;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-300px;
    margin-top:-247px;
    }

---

我将ID设置为prev和next的控件。单击最上面的div，当前位于顶部的imean将淡出并立即附加到末尾。如何实现这一点

这就是你想要的效果吗

CSS

---

我不知道问题出在哪里，但当我点击你给我的链接时，我看到的只是一个巨大的黑色背景。无论如何，我用这个$（'.intern>div:last'）.fadeOut（'slow'）.prependTo（'.intern'）.fadeIn（1000）；太好了。你也可以发布答案，以便将来有人节省时间。是的，实际上我需要这样的东西，我成功地做到了$（'.intern>div:last'）。fadeOut（'slow'）。prependTo（'.intern'）。fadeIn（1000）；。在我的文件中，div相互重叠，如果我使最上面的一个消失，最下面的div将自动显示，就像在队列中一样谢谢大家为我指出正确的路径thnks

$(function(){
    $('.feuille img:gt(0)').hide();
    setInterval(function(){$('.feuille :first-child').fadeOut().next('img').fadeIn().end().appendTo('.feuille');}, 3000);
});