基于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; }

Answer 2

怎么样：

• jQuery Cycle Plugin
• jQuery Flip Plugin

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

Answer 3

link text非常酷。他们在演示中展示了一个payroll company的示例，即使没有Javascript也会很好地降级。

Answer 4

我创建了一个名为Basic jQuery Slider的简单插件。它简单而干净，只是按照它应该做的。如果您决定使用它并有任何疑问，请询问，我会帮助您。

Answer 5

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