开发者社区> 测试5555> 正文

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

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

本文整理了 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来进行设置。 


源码 / 演示 

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Module切换,如何实现loading效果
Flex里面没有那么麻烦的 复制代码 即可 如何使用代码,Flex里有ModuleManager  import mx.
589 0
如何在PostgreSQL故障切换后找回丢失的数据
作者简介 陈华军,苏宁易购云软件公司架构专家,主要负责数据库产品的相关设计工作。十年以上数据库相关工作经验。PostgreSQL中文社区核心组成员,主要负责PostgreSQL中文手册翻译项目的维护。 1. 背景 PostgreSQL的HA方案一般都基于其原生的流复制技术,支持同步复制和异步复制模式。 同步复制模式虽然可以最大程度保证数据不丢失,但通常需要至少部署三台机器,确保有两台以上的备节点。 因此很多一主一备HA集群,都是使用异步复制。 在异步复制下,主库宕机,把备节点切换为新的主节点后,可能会丢失最近更新的少量数据。 如果这些丢失的数据对业务比较重要,那么,能不能从数据库里找回来呢?
53 0
8 cocos2dx添加场景切换效果,控制场景切换彻底完成之后再执行动画
 1 添加场景切换效果 供场景切换的类: CCTransitionJumpZoom CCTransitionProgressRadialCCW CCTransitionProgressRadialCW CCTransitionProgressHorizontal CCTransitionProgressVertical
1497 0
Learning Cocos2d-x for WP8(6)——场景切换和场景过渡效果
原文:Learning Cocos2d-x for WP8(6)——场景切换和场景过渡效果 C#(wp7)兄弟篇 Learning Cocos2d-x for XNA(6)——场景切换和场景过渡效果 工程文件:SceneTransitionTest.
901 0
jQuery 写的幻灯左右切换插件
官网 jQuery(function($){ var len = $(".bzsg_ad .num > li").length, scrolllen = $(".
618 0
jQuery 写的插件图片上下切换幻灯效果
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.
616 0
【推荐】用于UI和表单设计的10款jQuery插件
本文搜集了一些有用的用户界面和架构设计工具。包含架构验证器、文件上传以及UI工具包。 1.A Better Form 这款插件有助于清除垃圾评论、垃圾邮件和自动提交表单。 在线演示 2.3 State Switch Plugin 此款插件可切换至三种状态。
1275 0
使用 Sticky-Kit 实现基于 jQuery 的元素固定效果
  元素固定效果在网页中应用得很多,比较常见的使用场景有改进导航,显示广告。Sticky-Kit 是一个非常方便的 jQuery 插件,简化了创建/管理粘元素,有复杂的使用功能。这些功能包括:处理多个固定元素,启用/禁用的行为取决于对元素在视口中的位置和回调。
780 0
jQuery Countdown Timer 倒计时效果
  这个一款简单的 jQuery 倒计时插件,用于显示剩余的天数,小时,分钟和秒。倒计时功能是非常有用的一个小功能,可以告诉用户多久以后您的网站将会发布或者关闭进行维护,还可以用于举办活动的开始和停止的倒计时。
986 0
+关注
测试5555
前端相关技术专家
510
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
JS零基础入门教程(上册)
立即下载
性能优化方法论
立即下载
手把手学习日志服务SLS,云启实验室实战指南
立即下载