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

oschina 投递于 2014/02/05 08:30 (共 7 段, 翻译完成于 02-09)
阅读 15448
收藏 387
15
加载中

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

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

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

祝你愉快!

realZ
realZ
翻译于 2014/02/08 20:10
2

1. Tween JS

tweenjs

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

Tween JS 

2. Jsanim

jsAnim

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

Jsanim 

yxrykds
yxrykds
翻译于 2014/02/08 15:37
1

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 

赵亮-碧海情天
赵亮-碧海情天
翻译于 2014/02/05 18:44
1

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
realZ
翻译于 2014/02/08 20:21
1

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 

赵亮-碧海情天
赵亮-碧海情天
翻译于 2014/02/05 15:53
2

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 

赵亮-碧海情天
赵亮-碧海情天
翻译于 2014/02/05 15:42
1

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

麦壳原野
麦壳原野
翻译于 2014/02/07 16:39
1
本文中的所有译文仅用于学习和交流目的,转载请务必注明文章译者、出处、和本文链接。
我们的翻译工作遵照 CC 协议,如果我们的工作有侵犯到您的权益,请及时联系我们。
加载中

评论(13)

小暇米
小暇米
好文
子弹兄
子弹兄
是jq插件?还是js,作者什么意思?
顺其自然001
顺其自然001
支持IE6么?
Vian
Vian

引用来自“漠鸿”的评论

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

+1
理工小强
理工小强

引用来自“DrZ”的评论

引用来自“jonny77”的评论

引用来自“DrZ”的评论

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

你觉得这些不依赖与jquery么

人家都说了不依赖了……

“这一次,我们想向你介绍一些jQuery动画方面的创新使用,让你的工程、网站和应用收益。” 文章开头的内容 比较纠结。。。
AccountDisabled
AccountDisabled
这个Animo.js真心不错。
不要点击我
不要点击我
tweenjs 怎么样呢? 想试一下
realZ
realZ

引用来自“jonny77”的评论

引用来自“DrZ”的评论

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

你觉得这些不依赖与jquery么

人家都说了不依赖了……
一只小逛
一只小逛
好文,先收藏
亦可塞艇
亦可塞艇

引用来自“DrZ”的评论

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

你觉得这些不依赖与jquery么
返回顶部
顶部