热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

16款创建CSS3动画的jQuery插件

jQuery插件是用来扩展jQuery原型对象的方法。本文搜集了一些最新的用来为你的网站创建CSS3动画的jQuery插件,并可以在线调试。

jQuery插件是用来扩展jQuery原型对象的方法。

本文搜集了用来为你的网站创建CSS3动画的一些jQuery插件。

1. jQuery Smoove

jquery smoove
Smoove 简化了CSS3转换效果,使得页面向下滚动时网页内容能有一种滑入的动效。

在线调试:http://wow.techbrood.com/fiddle/7

2. CSS3 Animate it

CSS3 Animate It
这个插件效果和Smoove类似。

3. WaitMe

waitMe
WaitMe 是用于创建加载CSS3动画的 jQuery 插件。

4. Stroll.js

strolljs
Stroll.js 主要是列表的3d动效。支持触摸模式(iOS & Android 4.x)。

5. Flip Quote

Flip Quote
jQuery Flip-Quote 这个插件可以提升阅读体验,把重点语句拉出来以单独的区块突出显示,在进入可见区域时,呈现翻滚的动效,在点击时会自动加亮文章中被引用的部分。

在线调试:http://wow.techbrood.com/fiddle/8

6. Tram.js

tramjs
tram.js 是跨浏览器CSS3转换的Javascript应用接口。

7. Spin.js

spinjs
实现快速旋转动效的jQuery插件,可替换加载过程动画gif。

8. Words Rotator

Jquery Words Rotator
文本旋转动效.

9. Custombox

jQuery Custombox
很酷的模式窗口转换动效,包含 FadeIn, Slide, Newspaper, Fall, Sidefall, Blur, Flip, Sign, Superscaled, Slit, Rotate,Letmein, Makeway, Slip 等等。

在线调试:http://wow.techbrood.com/fiddle/9

10. Mixit Up

mixitup-jquery
非常好的分类、过滤、排序jQuery插件。

11. Fancy Input

Fancy-Input
提高用户输入体验的jQuery插件,可应用于input和textarea元素。

12. Textillate.js

textilliate
文本动效jQuery插件。

13. Loda Button

loda-buttons
加载按钮图标动效。

14. Flip Clock

flipclock-js
带翻转效果的时钟jQuery插件。

15. jQuery Transformlist

jquerytransformlist
jquery.transformlist 是一些transform的有机组合,以便于实现整体效果,如camera的移动等。

16. BounceThis

bounceThis
页面头部下拉动效。


by iefreer


推荐阅读
  • Vue 2 中解决页面刷新和按钮跳转导致导航栏样式失效的问题
    本文介绍了如何通过配置路由的 meta 字段,确保 Vue 2 项目中的导航栏在页面刷新或内部按钮跳转时,始终保持正确的 active 样式。具体实现方法包括设置路由的 meta 属性,并在 HTML 模板中动态绑定类名。 ... [详细]
  • 深入理解 Oracle 存储函数:计算员工年收入
    本文介绍如何使用 Oracle 存储函数查询特定员工的年收入。我们将详细解释存储函数的创建过程,并提供完整的代码示例。 ... [详细]
  • 本文总结了2018年的关键成就,包括职业变动、购车、考取驾照等重要事件,并分享了读书、工作、家庭和朋友方面的感悟。同时,展望2019年,制定了健康、软实力提升和技术学习的具体目标。 ... [详细]
  • 在计算机技术的学习道路上,51CTO学院以其专业性和专注度给我留下了深刻印象。从2012年接触计算机到2014年开始系统学习网络技术和安全领域,51CTO学院始终是我信赖的学习平台。 ... [详细]
  • CSS 布局:液态三栏混合宽度布局
    本文介绍了如何使用 CSS 实现液态的三栏布局,其中各栏具有不同的宽度设置。通过调整容器和内容区域的属性,可以实现灵活且响应式的网页设计。 ... [详细]
  • Linux 系统启动故障排除指南:MBR 和 GRUB 问题
    本文详细介绍了 Linux 系统启动过程中常见的 MBR 扇区和 GRUB 引导程序故障及其解决方案,涵盖从备份、模拟故障到恢复的具体步骤。 ... [详细]
  • 本文介绍了如何使用jQuery根据元素的类型(如复选框)和标签名(如段落)来获取DOM对象。这有助于更高效地操作网页中的特定元素。 ... [详细]
  • 本文介绍如何在 Xcode 中使用快捷键和菜单命令对多行代码进行缩进,包括右缩进和左缩进的具体操作方法。 ... [详细]
  • 在Linux系统中配置并启动ActiveMQ
    本文详细介绍了如何在Linux环境中安装和配置ActiveMQ,包括端口开放及防火墙设置。通过本文,您可以掌握完整的ActiveMQ部署流程,确保其在网络环境中正常运行。 ... [详细]
  • 本文介绍如何通过Windows批处理脚本定期检查并重启Java应用程序,确保其持续稳定运行。脚本每30分钟检查一次,并在需要时重启Java程序。同时,它会将任务结果发送到Redis。 ... [详细]
  • 本章将深入探讨移动 UI 设计的核心原则,帮助开发者构建简洁、高效且用户友好的界面。通过学习设计规则和用户体验优化技巧,您将能够创建出既美观又实用的移动应用。 ... [详细]
  • 本文介绍如何通过SQL查询从JDE(JD Edwards)系统中提取所有字典数据,涵盖关键表的关联和字段选择。具体包括F0004和F0005系列表的数据提取方法。 ... [详细]
  • QUIC协议:快速UDP互联网连接
    QUIC(Quick UDP Internet Connections)是谷歌开发的一种旨在提高网络性能和安全性的传输层协议。它基于UDP,并结合了TLS级别的安全性,提供了更高效、更可靠的互联网通信方式。 ... [详细]
  • 深入理解OAuth认证机制
    本文介绍了OAuth认证协议的核心概念及其工作原理。OAuth是一种开放标准,旨在为第三方应用提供安全的用户资源访问授权,同时确保用户的账户信息(如用户名和密码)不会暴露给第三方。 ... [详细]
  • 深入理解Cookie与Session会话管理
    本文详细介绍了如何通过HTTP响应和请求处理浏览器的Cookie信息,以及如何创建、设置和管理Cookie。同时探讨了会话跟踪技术中的Session机制,解释其原理及应用场景。 ... [详细]
author-avatar
x洗不掉的思念
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有