有没有办法用jquery循环创建类似于Nivo Slider的条带过渡效果？

Question

我是jquery cycle plugin的粉丝，但如果它有一些类似于Nivo Slider或jqFancyTransistions的更复杂的过渡效果，那就太酷了。

我理解如何使用jquery循环创建自定义效果的问题，但是我很难弄清楚如何创建类似于nivo滑块和jqfancytransitions的条带转换效果，或者它是否可能在jquery中周期。任何有关这方面的帮助将不胜感激。谢谢！

Answer 1

我掀起了minimal proof-of-concept demo。它被编写为一个正确的jQuery循环过渡插件。

取决于您使用代码的快乐程度，它应该提供一个很好的起点。我自己开始从shuffle过渡开始工作，因为这似乎是唯一不仅仅是操纵CSS属性的过渡，我认为这不足以满足你的目标。

由于我以前既没有使用过jQuery Cycle，也没有为它编写过渡插件，所以我完全有可能在一些关于它如何编写的细节中犯了重大罪。

此外，它肯定可以优化。在这个阶段，它是为了清晰起见，性能第二。然而，在我（相当快）的机器上，动画和反应时间是流畅和即时的。

所以，你有它。

编辑：demo page现在包含额外公开选项的文档和一些示例，演示如何通过传递不同的选项来实现一些不同的效果。

编辑2：我已将条带概括为图块，并在demo page上添加了更多示例。