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

前端之家收集整理的这篇文章主要介绍了有没有办法用jquery循环创建类似于Nivo Slider的条带过渡效果?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我是 jquery cycle plugin的忠实粉丝但如果它有一些类似于 Nivo SliderjqFancyTransistions的更复杂的过渡效果会很酷.

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

解决方法

我已经掀起了 minimal proof-of-concept demo.它被写成一个正确的jQuery循环过渡插件.

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

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

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

所以你有它.

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

编辑2:我已将条带概括为瓷砖,并在demo page添加了更多示例.

原文链接:https://www.f2er.com/jquery/175732.html

猜你在找的jQuery相关文章