文档章节

12个最好的JavaScript动画框架

pe_mail2006
 pe_mail2006
发布于 2016/12/01 09:25
字数 870
阅读 23
收藏 2

1. Scripty2

scripty-2
scripty2 是一个用于基于HTML的高级用户界面的开源JavaScript框架。 或者简单地说,scripty2帮助你构建一个更美味的网络:视觉效果,UI组件和CSS实用程序。 scripty2是script.aculo.us的完全重写和重新实现,具有模块化结构,旨在简化高度自定义的用户界面效果和行为的开发。

2. JSAnim

jsanim
jsAnim一个JavaScript动画框架,用于为Web界面创建高光滑的动画效果。 制定了标准和最佳实践,jsAnim允许您创建惊人的动画效果,而不会牺牲Web项目的Web可访问性。

3. Scriptio.us

scriptio
Scriptio是一个开源框架,用于在丰富的在线体验中呈现动画和教育内容。 Scriptio具有易于学习的脚本语言,用于快速原型开发和生产质量开发,Scriptio专为丰富的Web 2.0应用程序而设计。

Scriptio 用JavaScript编写的,并利用Ajax技术。Ajax是指创建交互式web应用程序的工具和方法。如果需要伴有旁白或声音,则支持与HTML5音频,Flash,QuickTime和标准音频格式的接口。

4. Smoke.js

smokejs
smoke.js 是一个非常容易使用和灵活的框架无关风格的JavaScript的警报系统。 它使用CSS动画和背景,所以没有图像或js动画代码使它非常轻量级。

5. TinyColor

tinycolor
TinyColor是一个用于输入颜色和输出颜色作为不同格式的微框架。支持以下颜色类型:RGB,HSL,HSV,Hex,Name(来自SVG颜色代码)。

6. Paper.js

paper-js
Paper.js一个在HTML5画布上运行的开源矢量图形脚本框架。 它提供了一个干净的场景图/文档对象模型和许多强大的功能,创建和使用矢量图形和贝塞尔曲线,所有整洁地包装在一个设计良好,一致和干净的编程接口。

7. Opentip

opentip
OpenTip 是一个javascript tooltip framework. 它是免费的,开源,并有不同的风格。 它有无数的固体功能,如茎,使用AJAX的自动内容下载,工具提示的自动重新定位,所有类型的触发器,CSS3动画,以及经过200多个单元测试的测试。

8. Babylon.js

babylonjs
Babylon.js 是一个完整的JavaScript框架,用于使用HTML 5和WebGL构建3D游戏。 它有许多功能,如动画引擎,场景挑选,物理引擎,碰撞引擎,特殊的fx,网格,相机等。

9. Processing.js

processing-js
Processing.js 流行的加工视觉编程语言的姊妹项目,专为网络而设计。 Processing.js使您的数据可视化,数字艺术,交互式动画,教育图表,视频游戏等工作使用Web标准,没有任何插件。 您使用Processing语言编写代码,将其包含在您的网页中,而Processing.js执行其余操作。 这不是魔术,但几乎。

10. Flowtime.js

flowtimejs

Flowtime.js是一个框架,轻松地构建HTML演示文稿。 动画通过原生和加速的CSS3过渡进行管理,Javascript负责导航行为,并添加了高级功能和配置选项。

11. Humane.js

humanejs
Humane JS 是一个简单,现代,框架独立,经过良好测试,不显眼的通知系统。 它使用CSS转换(如果可用),并将不会回到JS动画。 它包括移动支持。

12. Move.js


Move.js是一个小的JavaScript库使CSS3支持的动画非常简单和优雅。

 

本文转载自:http://javascript.ctolib.com/topics/101687.html

共有 人打赏支持
pe_mail2006
粉丝 5
博文 6
码字总数 1146
作品 0
崇明
程序员
javascript学习资料分享

有志于web前端工作的话,javascript的知识是必不可少的。越学,我越觉得自己所欠缺的越多。路漫漫其修远兮,吾将上下而求索。下面将一些好的资料分享给大家。 JavaScript学习资料: (1)遇见...

小微
2012/04/06
0
5
40 个轻量级 JavaScript 库

流行的 JavaScript 库不胜枚举,jQuery, MooTools, Prototype, Dojo, YUI。这些 JavaScript 库功能丰富,加上它们的插件,几乎能胜任任何工作,然而这是有代价的,这些库往往导致你的网页尺寸...

晨曦之光
2012/03/09
0
0
67 个节省开发者时间的实用工具、库与资源(前端向)

在这篇文章中,我不会与大家谈论大型的前端框架,如 React、Angular、Vue 等,也没有涉及那些流行的代码编辑器,如 Atom、VS Code、Sublime,我只想与大家分享一个有助于提升开发人员效率的工...

张孝国
06/26
0
0
优化 JavaScript 执行[转]

JavaScript 经常会触发视觉变化。有时是直接通过样式操作,有时是会产生视觉变化的计算,例如搜索数据或将其排序。时机不当或长时间运行的 JavaScript 可能是导致性能问题的常见原因。您应当...

行列
07/05
0
0
7个常见Javascript框架介绍

设计开发中的“框架”指一套包含工具、函数库、约定,以及尝试从常用任务中抽象出可以复用的通用模块,目标是使设计师和开发人员把重点放在任务项目所特有的方面,避免重复开发。通俗的讲,框...

Junn
2012/09/16
0
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周日乱弹 —— 恨不得给你买张飞机挂票

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @开源中国首席灵魂师:分享张希/曹方的单曲《认真地老去》 来不及认真的年轻过,就认真的老去! 《认真地老去》- 张希/曹方 手机党少年们想听...

小小编辑
10分钟前
8
3
如何实现靠谱的分布式锁?

分布式锁,是用来控制分布式系统中互斥访问共享资源的一种手段,从而避免并行导致的结果不可控。基本的实现原理和单进程锁是一致的,通过一个共享标识来确定唯一性,对共享标识进行修改时能够...

郑加威
59分钟前
0
0
Mac OS X下Maven的安装与配置

Mac OS X 安装Maven: 下载 Maven, 并解压到某个目录。例如/Users/robbie/apache-maven-3.3.3 打开Terminal,输入以下命令,设置Maven classpath $ vi ~/.bash_profile 添加下列两行代码,之后...

TonyStarkSir
今天
3
0
关于编程,你的练习是不是有效的?

最近由于工作及Solution项目的影响,我在重新学习DDD和领域建模的一些知识。然后,我突然就想到了这个问题,以及我是怎么做的? 对于我来说,提升技能的项目会有四种: 纯兴趣驱动的项目。即...

问题终结者
今天
4
0
打开eclipse出现an error has occurred see the log file

解决方法: 1,打开eclipse安装目录下的eclipse.ini文件; 2,打开的文本文件最后添加一行 --add-modules=ALL-SYSTEM 3,保存重新打开Eclipse。...

任梁荣
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部