Sym - 一个用 Java 实现的现代化社区平台 • 源码 • 注册

Pipe - 小而美的开源博客平台 • 体验 • 皮肤
Solo - 一个用 Java 实现的博客系统,为你或你的团队创建个博客吧! • 源码下载 
Wide - 一个基于 Web 的 Go 语言 IDE • 教程试用

10 个顶级 JavaScript 动画框架推荐

使用 JavaScript 可以做出一些引人注目的动画效果,但通常不太容易实现。本文为你整理了 10 个非常优秀的 JavaScript 动画框架,使用它们你可以轻松实现动画效果。 

1. Raphaël 

Raphaël 是一个小型 JavaScript 库,用于简化你的 Web 矢量图形工作。如果你想创建独特的图表或图形的裁剪和旋转部件,你可以使用这个简单方便的库来实现。 


源码 + 演示 

2. Processing.js 

该框架主要针对不想使用 Flash 或 Java applets 进行图片编程以及 Web 交互的开发者。Processing.js 使用 JavaScript 在 HTML5 的 Canvas 元素上绘制形状以及操作图像。 


源码 + 演示 

3. script.aculo.us 

这是一个易用、跨浏览器的 JavaScript UI 库,可以让你的网站和 Web 应用更加生动。 


源码 / 演示 

4. Pixastic 

Pixastic 使用 HTML5 Canvas 对象,允许对原始像素进行操作。效果包括去饱和度、灰度、反转、亮度、对比度调整、色调调整、饱和度调整、浮雕、虚化等效果。因为用到了 HTML 5 的 Canvas 对象,因此还无法兼容所有浏览器。 


源码 / 演示 

5. moo.fx 

这是一个超轻量级但非常杰出的 JavaScript 效果库,可以和 Prototype.js 或者 Mootools 框架结合使用。 


源码 + 演示 

6. scripty2 

这是一个强大、灵活的 JavaScript 框架,可以帮助你创建漂亮的视觉效果及用户界面。scripty2 分为三个部分:核心(CORE)、特 殊效果(FX)和用户界面(UI),支持 IE6+、Safari 3+、Firefox 3+、Chrome、Opera 10 以及更多基于 WebKit 引擎的浏览器。 


源码 / 演示 

7. jsAnim 

这是一个强大、易用的 JavaScript 库,可以为你的网站添加令人印象深刻的动画效果,非常轻量级,大小不超过 25KB。 


源码 + 演示 

8. The Canvas 3D JS Libary (C3DL) 

这是一个 JavaScript 库,使用它你可以很容易地使用 Canvas 3D 元素来编写 3D 应用。 


源码 / 演示 

9. GX 

这是一个全功能、跨浏览器、超小(未压缩版本为 10KB)的 JavaScript 动画框架。使用 GX,你可以创建复杂的动画。 


源码 / 演示 

10. Scriptio 

这是一个开源框架,用于在线展示动画和教学媒体。使用该框架,可以提高原型设计和高质量开发工作的效率。Scriptio 被设计用于富 Web 2.0 应用。 


源码 / 演示 

英文原文:10 Super JavaScript Animation Frameworks


欢迎注册黑客派社区,开启你的博客之旅。让学习和分享成为一种习惯!

留下你的脚步