基于jquery的HTML内容幻灯片放映/转换

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

如何：

---

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

非常酷。他们在演示中展示了一个示例，该示例甚至可以在没有Javascript的情况下很好地降级。

为什么要使用插件？使用这一行（为了可读性，我把它分成了3行）

看

你的HTML应该是这样的

HTML CSS（可选=使过渡更平滑）

---

我创建了一个简单的插件，名为。它简单、干净，只是做了它应该做的。如果你决定使用它并且有任何问题，尽管问，我会帮你解决。

实际上我最终使用了。Zurb也很棒。

接受这一点是因为它的简单性。具体来说，CSS的哪一部分使过渡更平滑，因为我在过渡期间看到了“着色”效果？我有一个非常微妙的灰色背景，我将把我的div和内容放在上面。嘿，看看我的样本，有些东西不正常！这里看到更新请修复标签的CSS。我改变的事情：附加jQuery 1.4.2，并添加了

位置：绝对.slide{}

进行编码>并为

fadeIn（）

和

fadeOut（）

翻转增加了速度，这有点太花哨了，但循环看起来很棒。向上投票。这个也很棒，我将来肯定会用它。

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

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

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