Velocity.js

Velocity.js

用 Velocity.js 构建加速的 JavaScript 动画Velocity.js 提供与 jQuery $.animate() 相近的 API,可在有或没有 jQuery 的环境中运行,用于创建颜色、变换、循环、缓动、SVG 和滚动动画。

Velocity.js 页面快照
IE8
页面说明支持的最低 IE 版本
Android 2.3
页面说明支持的 Android 版本
1.0.0
页面记录的 Velocity 版本更新
核心能力

覆盖常见网页动效场景

从基础属性动画到队列、回调、滚动和 SVG,Velocity.js 将常用动画控制能力集中在统一 API 中。

高性能动画栈

通过同步 DOM 与 tween 栈、缓存数值来减少布局抖动和 DOM 查询,提升动画执行效率。

丰富的动画属性

支持颜色、尺寸、位置、透明度、变换、阴影、透视和部分 SVG 相关属性动画。

兼容 jQuery 与独立运行

可与 jQuery 的 animate、delay 和 fade 配合使用,也可以不加载 jQuery 直接调用 Velocity。

队列与时序控制

提供 duration、easing、queue、delay、loop、begin、progress 和 complete 等选项,用于控制动画过程。

滚动与跨环境支持

内置滚动、淡入淡出、滑动等命令,并提供对 Zepto、RequireJS 和 Browserify 的使用说明。

公开动态

版本与文档内容

以下内容取自目标站公开页面中的版本信息与技术文档。

Velocity.js 达到 1.0.0

页面记录了 1.0.0 更新,包括文件名调整、回调参数变化,以及移除 back、bounce 和 elastic 缓动并改用 spring physics 的说明。

学习资源

从下载到动画示例

通过官方源码、演示、教程和技术文章了解 Velocity.js 的使用方式与实现原理。

Velocity.js

从这里开始使用Velocity.js。