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

时间:2021-09-13 01:30:48

本文整理了 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/