基于 jquery 的 HTML 内容幻灯片/过渡

Question

基于JQuery搜索旋转器只能找到原始旋转器插件和一堆照片库，这是我不想要的。请推荐其他可用的旋转器。旋转器应该能够旋转 HTML，而不仅仅是图像(例如 Glimmer 工具，它可以创建用于旋转图像的 JQuery/HTML 代码)。

Answer 1

为什么要使用插件？使用这一行(为了便于阅读，我只是将其分成 3 行)

参见demo

你的 HTML 应该是这样的

HTML

<div class="yourContainer">
 <div>some html</div>
 <div>other html</div>
</div>

JS/jQuery

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

CSS(可选=使过渡更平滑)

.yourContainer{ position:relative;}
.yourContainer div{ position:absolute; hight:300px; width:300px; background:red; }