本文整理了 10 款非常好用的jQuery切换效果插件,包括平滑切换和重叠动画等,这些插件可以实现不同元素之间的动态切换。
1. InnerFade
这是一个基于jQuery的小插件,可以实现页面内的元素淡入淡出效果。
![](http://dl.iteye.com/upload/attachment/605573/ef31a778-0a6a-306b-9781-7ec35ff580a1.jpg)
源码/演示
2. HighlightFade
该插件可以实现高亮、缩放等效果。
![](http://dl.iteye.com/upload/attachment/605575/b8e518e0-c731-34ec-8960-477ead619a41.jpg)
源码/演示
3. Dynamic Page / Replacing Content
使用按钮实现网页内容的动态切换。
![](http://dl.iteye.com/upload/attachment/605577/262076b8-7d88-3db9-9f36-a15a9c56890a.jpg)
源码 / 演示
4. jqFancyTransitions
这是一个易于使用的插件,有多种切换效果来显示图片。
![](http://dl.iteye.com/upload/attachment/605579/fe9b229d-118e-3765-b88d-2bf3ed912928.jpg)
源码/演示
5. jQuery Cycle Plugin——浏览器效果
该插件应用于缩略图,是jQuery效果的扩展,截图展示了一部分效果。
![](http://dl.iteye.com/upload/attachment/605583/7d21e6bf-5e6f-3dfb-9562-291d862376b6.jpg)
源码/演示
6. Image Cross Fade Transition
通过该插件使一张或多张图片产生渐隐/渐显的切换效果。
![](http://dl.iteye.com/upload/attachment/605587/609c75dc-e85c-349f-9d31-227ddd8b7b00.jpg)
源码/演示
7. Creating a fading header
这是一个简单的插件,用jQuery 和 CSS 来创建出网页头部淡入淡出的效果,令网页内容更加生动。
![](http://dl.iteye.com/upload/attachment/605629/1e4fd08c-7617-31fc-9366-7406cb3073ee.jpg)
源码 / 演示
8. jQuery Cycle Plugin
该插件支持许多不同的切换效果,比如鼠标悬停暂停、自动停止、自动调整、开始和结束事件调用、点击触发等等。
![](http://dl.iteye.com/upload/attachment/605631/192bf847-9cd6-3971-9a46-49aa75a73929.jpg)
源码/演示
9. Flip
这个插件能让你用jQuery做到要用Flash才能实现的效果。
![](http://dl.iteye.com/upload/attachment/605647/a5b4e327-4285-34b7-bb91-ad2e57ef824f.jpg)
源码/演示
10. 高级slider——jQuery XML slider
该插件能让你轻松地使用XML创建功能强大的滑块,也更容易设置和维护,还可以用HTML来进行设置。
![](http://dl.iteye.com/upload/attachment/605651/edb68a2c-e905-3238-8535-e46e73d1b01e.jpg)
源码 / 演示
英文原文: http://www.jquery4u.com/animation/10-jquery-transition-effect-plugins/