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

Question

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

Answer 1

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

请参阅 演示

你的 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; }

Answer 2

怎么样：

• jQuery Cycle 插件
• jQuery Flip 插件

您甚至可以修改/自定义这些插件来创建您想要的效果。

Answer 3

链接文本非常酷。他们在演示中展示了来自 薪资公司 的示例，即使没有 Javascript，该示例也能很好地降级。

Answer 4

我创建了一个名为 Basic jQuery Slider 的简单插件。它简单、干净，并且只做它应该做的事情。如果您决定使用它并有任何疑问，请提出，我会帮助您。

Answer 5

实际上我最终使用了 SlidesJS。 Zurb 的这个也很棒。