本文整理了 10 款非常好用的jQuery切换效果插件,包括平滑切换和重叠动画等,这些插件可以实现不同元素之间的动态切换。
1. InnerFade
这是一个基于jQuery的小插件,可以实现页面内的元素淡入淡出效果。

源码/演示
2. HighlightFade
该插件可以实现高亮、缩放等效果。

源码/演示
3. Dynamic Page / Replacing Content
使用按钮实现网页内容的动态切换。

源码 / 演示
4. jqFancyTransitions
这是一个易于使用的插件,有多种切换效果来显示图片。

源码/演示
5. jQuery Cycle Plugin——浏览器效果
该插件应用于缩略图,是jQuery效果的扩展,截图展示了一部分效果。

源码/演示
6. Image Cross Fade Transition
通过该插件使一张或多张图片产生渐隐/渐显的切换效果。

源码/演示
7. Creating a fading header
这是一个简单的插件,用jQuery 和 CSS 来创建出网页头部淡入淡出的效果,令网页内容更加生动。

源码 / 演示
8. jQuery Cycle Plugin
该插件支持许多不同的切换效果,比如鼠标悬停暂停、自动停止、自动调整、开始和结束事件调用、点击触发等等。

源码/演示
9. Flip
这个插件能让你用jQuery做到要用Flash才能实现的效果。

源码/演示
10. 高级slider——jQuery XML slider
该插件能让你轻松地使用XML创建功能强大的滑块,也更容易设置和维护,还可以用HTML来进行设置。
