Jquery 连续循环3个div

在css中，我在同一位置上放置了3个不同的div内容

<div class="sidebanner_01">
abc
</div>

<div class="sidebanner_02">
def
</div>

<div class="sidebanner_03">
ghi
</div>

abc
def
ghi

我需要他们不断地改变（彼此之间可能会褪色？）

---

很抱歉问了个新手问题。可以使用jQuery。

您需要使用jQuery的fadeIn（）和fadeOut（）函数以及difrent timer函数作为计时器函数，您可以使用setTimeout（）或doTimeout（）

关于这些资源的相关链接，我们都会回复您。

这里有一个非常基本的提琴，它可以做您想做的事情。请注意，插件更好，因为它们有更多的功能，但如果您想要一个非常基本的系统，就应该这样做

var slideShowDivs=['.sidebanner_01'、'.sidebanner_02'、'.sidebanner_03']；
var-currentID=0；
var slideShowTimeout=1000；
$（文档）.ready（函数（）{
对于（var i=1；i=slideShowDivs.length）nextID=0；
$（slideShowDivs[currentID]）.stop（true）.fadeOut（400）；
$（slideShowDivs[nextID]）.stop（true）.fadeIn（400，函数（）{
setTimeout（幻灯片放映更改、幻灯片放映超时）；
});
currentID=nextID；
}​

这可能是一个例子：

function slide(){

$('div[class^=sidebanner_]').each(function(i,e){

    var op = $(e).css('opacity') == 0 ? 1 : 0;   
    $(e).animate({'opacity': op}, 1000 * i);

});

}

setInterval(slide, 3000);

---

演示-平滑淡入淡出过渡：

使用类滑块将内容放置在div中

 <div class="slider">abc</div>
 <div class="slider">def</div>
 <div class="slider">ghi</div>

abc
def
ghi

@Raminson没什么确切的，这里是真正的新手，需要尽快完成这项工作。所以你想要一次放映一个

div

？看看Cycle插件：@Abraham绝对正确！谢谢你为我简化了这件事！：）@Faust I

我曾经使用过它，但不确定它是否可以用于div元素。我看不到任何使用div的例子。问题是文本逐渐淡入，并跳到顶部。有没有办法让它更流畅？
 <div class="slider">abc</div>
 <div class="slider">def</div>
 <div class="slider">ghi</div>