本文整理了 10 款非常好用的 jQuery 切换效果插件,包括平滑切换和重叠动画等,这些插件可以实现不同元素之间的动态切换。

        1. InnerFade

        这是一个基于 jQuery 的小插件,可以实现页面内的元素淡入淡出效果。

10 款基于 jQuery 的切换效果插件推荐

        源码/演示

        2. HighlightFade

        该插件可以实现高亮、缩放等效果。

10 款基于 jQuery 的切换效果插件推荐

        源码/演示

        3. Dynamic Page / Replacing Content

        使用按钮实现网页内容的动态切换。

10 款基于 jQuery 的切换效果插件推荐

        源码 / 演示

        4. jqFancyTransitions

        这是一个易于使用的插件,有多种切换效果来显示图片。

10 款基于 jQuery 的切换效果插件推荐

        源码/演示

        5. jQuery Cycle Plugin——浏览器效果

        该插件应用于缩略图,是 jQuery 效果的扩展,截图展示了一部分效果。

10 款基于 jQuery 的切换效果插件推荐

        源码/演示

        6. Image Cross Fade Transition

        通过该插件使一张或多张图片产生渐隐/渐显的切换效果。

10 款基于 jQuery 的切换效果插件推荐

        源码/演示

        7. Creating a fading header

        这是一个简单的插件,用 jQuery 和 CSS 来创建出网页头部淡入淡出的效果,令网页内容更加生动。

10 款基于 jQuery 的切换效果插件推荐

        源码 / 演示

        8. jQuery Cycle Plugin

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

10 款基于 jQuery 的切换效果插件推荐

        源码/演示

        9. Flip

        这个插件能让你用 jQuery 做到要用 Flash 才能实现的效果。

10 款基于 jQuery 的切换效果插件推荐

        源码/演示

        10. 高级 slider——jQuery XML slider

        该插件能让你轻松地使用 XML 创建功能强大的滑块,也更容易设置和维护,还可以用 HTML 来进行设置。

10 款基于 jQuery 的切换效果插件推荐

        源码 / 演示

        英文原文: http://www.jquery4u.com/animation/10-jquery-transition-effect-plugins/

posted on 2014-04-04 13:21  GC2013  阅读(660)  评论(0编辑  收藏  举报