开源中国

我们不支持 IE 10 及以下版本浏览器

It appears you’re using an unsupported browser

为了获得更好的浏览体验,我们强烈建议您使用较新版本的 Chrome、 Firefox、 Safari 等,或者升级到最新版本的IE浏览器。 如果您使用的是 IE 11 或以上版本,请关闭“兼容性视图”。
为开发者准备的 15 个最棒的 JavaScript 动画库 - 技术翻译 - 开源中国社区

为开发者准备的 15 个最棒的 JavaScript 动画库 【已翻译100%】

oschina 推荐于 4年前 (共 7 段, 翻译完成于 02-09) 评论 13
收藏  
389
推荐标签: 待读

jQuery给各种效果带来了无限的可能性,他有着简单的、启发性的API,你可以利用它创建你能想到的、甚至你想象不到的效果(有赖于你的创造力和想象力)。

富有创造力的jQuery使用可以为网页设计带来丰富的动画效果,增强用户的视觉体验——显然,继续创建吸引人的网页特效可以为你创造更多的回头客,这些魔幻般的效果在以往只能用Flash实现。

这一次,我们想向你介绍一些jQuery动画方面的创新使用,让你的工程、网站和应用收益。

祝你愉快!

realZ
 翻译得不错哦!

1. Tween JS

tweenjs

TweenJS 是一个简单的 Javascript 补间动画库。开发初衷是可以很好的集成 EaselJS 库,但又不依赖于或者限定于它。它支持根据数值对象的属性和 CSS 样式的属性进行补间动画。API 简单而强大,可以很容易的通过链接命令构造复杂的补间动画。

Tween JS 

2. Jsanim

jsAnim

jsAnim 是为网站所用的动画库,效果平庸,实现笨拙粗劣,牺牲了标准与亲和力,大小以至于达到庞大的 25k 字节。

Jsanim 

yxrykds
 翻译得不错哦!

3. Animo.js

animojs

Animo.js 是个小巧但强大的管理 CSS 动画的工具。它的特点有:叠加动画,创建跨浏览器的模糊效果,动画完成后可执行回调函数。

Animo.js 

4. Move.js

movejs

Move.js 是一个小巧的JavaScript库,能使利用CSS3支持的动画变得非常简单和优雅。

Move.js 

5. Collie

collie

Collie 是一个有助于使用 HTML5 创造高度优化的动画和游戏的JavaScript库。它可以运行在能够使用HTML5画布和DOM的PC和手机上。它可以稳定地处理使用渲染管线的多个对象,支持包括精灵动画和用户事件等的有用功能。能够稳定支持iOS和Android,并为每个平台以优化的方法呈现。也很容易对视网膜显示器提供反应。

Collie 

赵亮-碧海情天
 翻译得不错哦!

6. Minified.js

minified

Minified.js是一个体积小(<8kB)功能强的客户端JavaScript库。它提供了类似于jQuery的功能(DOM操作、动画、时间、HTTP请求) 和其他功能(集合、日期&数字格式化、日期计算、模板),并有着简单明了的API。

Minified.js 

7. Rekapi

rekapi

Rekapi是一款JavaScript关键帧动画库。它提供了一套API让你可以定义关键帧动画并控制动画播放。Rekapi并未指定渲染行为。事实上,Rekapi的内核并为执行任何渲染操作。它提供了一个API来定义渲染器,标准的发行包包括HTML DOM和HTML5 2D Canvas渲染器模块。

Rekapi 

realZ
 翻译得不错哦!

8. Snap.svg

snapsvg

SVG是建立互动的一个很好的方式,独立于分辨率的矢量图形会在任何屏幕看起来都很棒。Snap.svg 这个JavaScript库,使你的SVG资源使用起来就象用jQuery操作DOM一样容易。Snap.svg专为现代浏览器设计,因此支持最新的SVG特性,如遮蔽,裁剪,模式,完整的梯度,分组,和更多。

Snap.svg 

9. Favico

favico

想给你的网站图标 favicon 添加徽章、图片,甚至是视频吗? Favico.js可以简单地为你的 favicon 图标添加动画的徽章,或从一个图像(视频,甚至是从你的网站的访问者的网络摄像头)飞快地创建 favicon。

Favico 

赵亮-碧海情天
 翻译得不错哦!

10. Textillate.js

textilliate

Textillate.js 是一个针对 CSS3 文本动画的简单插件。它融合了一些很棒的库,成为一个易用的对任意文本应用CSS3动画的插件。

Textillate.js 

11. Firmin

firmin

Firmin 是一个 JavaScript 动画库,它使用 CSS 的转换和过渡功能来创造光滑的、带有硬件加速的动画的

Firmin 

12. AliceJS

alicejs

AliceJS – (一个轻量级的独立CSS引擎)是一个微型的JavaScript库,集中在使用硬件加速的能力(特别是CSS3特性)在现代浏览器中生成高端大气上档次的视觉效果。

Alice.js 

赵亮-碧海情天
 翻译得不错哦!

13. SVG.js

svg

SVG.js 是一个轻量级SVG动画和操作Javascript库. 它有简单整洁的语法,压缩后只有7K的大小,并且它有丰富的有用的插件,等等。

SVG.js 

14. Motio

Motio

Motio 是一个轻量的用于制作简单但功能强大的基于动画和平移画面的Javascript库,它获取一个元素,然后改变背景的位置来创建动画效果。Motio 不依赖于任何插件,但是有一个可选的Motion JQuery插件。

Motio 

15. Anima.js

animajs

Anima.js 可以简化在同一时刻使得成百上千的元素具有动画效果的工作. 并且可以更好的控制你的动画, 甚至可以只创建CSS动画 (尽管这只提供少量的控制器,并且这一特性目前还处于实验阶段).

Anima.js

麦壳原野
 翻译得不错哦!
本文中的所有译文仅用于学习和交流目的,转载请务必注明文章译者、出处、和本文链接
我们的翻译工作遵照 CC 协议,如果我们的工作有侵犯到您的权益,请及时联系我们
评论(13)
Ctrl/CMD+Enter

第一段提jQuery,但下面跟jQuery一点关系都没有,我觉得作者难道是JS、jQuery傻傻分不清楚?刚入行还是混饭吃的……
标题写个最棒的,内容第二个就说 “效果平庸,实现笨拙粗劣,牺牲了标准与亲和力,大小以至于达到庞大的 25k 字节。”是不是有些太扯了……其他的也不尽然都是比较棒吧....
我现在在用Collie就是韩文文档看着尤为蛋疼= =

引用来自“DrZ”的评论

第一段提jQuery,但下面跟jQuery一点关系都没有,我觉得作者难道是JS、jQuery傻傻分不清楚?刚入行还是混饭吃的……

你觉得这些不依赖与jquery么
好文,先收藏

引用来自“jonny77”的评论

引用来自“DrZ”的评论

第一段提jQuery,但下面跟jQuery一点关系都没有,我觉得作者难道是JS、jQuery傻傻分不清楚?刚入行还是混饭吃的……

你觉得这些不依赖与jquery么

人家都说了不依赖了……
tweenjs 怎么样呢? 想试一下
这个Animo.js真心不错。

引用来自“DrZ”的评论

引用来自“jonny77”的评论

引用来自“DrZ”的评论

第一段提jQuery,但下面跟jQuery一点关系都没有,我觉得作者难道是JS、jQuery傻傻分不清楚?刚入行还是混饭吃的……

你觉得这些不依赖与jquery么

人家都说了不依赖了……

“这一次,我们想向你介绍一些jQuery动画方面的创新使用,让你的工程、网站和应用收益。” 文章开头的内容 比较纠结。。。

引用来自“漠鸿”的评论

标题写个最棒的,内容第二个就说 “效果平庸,实现笨拙粗劣,牺牲了标准与亲和力,大小以至于达到庞大的 25k 字节。”是不是有些太扯了……其他的也不尽然都是比较棒吧....

+1
支持IE6么?
是jq插件?还是js,作者什么意思?
好文
顶部