文档章节

12个最好的JavaScript动画框架

pe_mail2006
 pe_mail2006
发布于 2016/12/01 09:25
字数 870
阅读 28
收藏 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
2016年10月15个最好的 JavaScript 库

1. g9 g9是一个JavaScript库,用于创建自动交互图形 2. CurrencyFormatter.js CurrencyFormatter.js允许用户将数字格式成各种不同的货币格式。它包含155种货币格式,可以处理异常格式化的货币...

pe_mail2006
2016/11/01
4.4K
8
20 款免费的 JavaScript 游戏引擎

使用 HTML5,CSS3 和 Javascript 可以帮助面向对象开发者开发拥有各种特性的游戏,比如:3D 动画效果,Canvas,数学,颜色,声音,WebGL 等等。最明显的优势在于使用 HTML5 开发的游戏能在任...

oschina
2014/02/20
17.5K
13
10 个顶级 JavaScript 动画框架推荐

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

红薯
2012/01/12
9.7K
1
切图全景 JS 发布 v1.1 版本

切图全景js是切图公司开发的一款快速开发网页场景的js,是完全开源的js框架(可能算不上js框架,因为还没有封装),这次版本更新引入了一个非常不错的类3d效果,用到了css3的动画属性和流行的...

专注做前端
2015/06/14
5.6K
14

没有更多内容

加载失败,请刷新页面

加载更多

深入理解JVM—JVM内存模型

深入理解JVM—JVM内存模型 我们知道,计算机CPU和内存的交互是最频繁的,内存是我们的高速缓存区,用户磁盘和CPU的交互,而CPU运转速度越来越快,磁盘远远跟不上CPU的读写速度,才设计了内存...

onedotdot
27分钟前
1
0
MVC、MVCS、MVVM、MVP、VIPER等这么多架构模式哪一个好呢?

在项目开启阶段,其中一个很重要的环节就是选架构。 那么面对目前已知的这么多架构模式我们该怎么选择呢?这确实是个很让人头疼的问题! 下面我就在这里梳理一下目前常见的一些架构模式。 先...

Java干货分享
今天
4
0
简单模仿配置文件的反射机制

//Student类 public class Student { public void love() { System.out.println("python"); } } //Tesy类 public class Tesy { public static void main(String[] args) throws Exceptio......

南桥北木
今天
2
0
你真的需要了解一下CSS变量 var()的用法

当Web项目变得越来越大时,他的CSS会变得像天文数字那么大而且还变得混乱。为了帮助我们解决这个问题,新的CSS变量很快就会出现在主流浏览器中,它让开发人员能够重用并轻松编辑重复出现的C...

前端小攻略
今天
1
0
嵌入式应用选择合适的微控制器

为嵌入式应用选择微控制器有几个原因,即低成本,高集成度,增加可靠性,节省空间等。 准备所需硬件接口列表使用微控制器的基本硬件框图,准备一份微控制器需要支持的所有外设接口的列表。微...

linux-tao
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部