欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  资讯频道

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

程序员文章站 2022-04-17 21:22:21
...
本文整理了 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/