文档章节

12个最好的JavaScript动画框架

pe_mail2006
 pe_mail2006
发布于 2016/12/01 09:25
字数 870
阅读 22
收藏 2
点赞 0
评论 0

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
崇明
程序员
【CSS】图片动画特效(相框)

HTML代码 CSS代码 这里用了像素设定容器的大小,如果用bootstrap等框架的话,可以设置成响应式。 因为图片设置成100%,所以会自适应外层容器的大小。 需要注意的是外层容器的position一定要设...

滑滑兔 ⋅ 05/06 ⋅ 0

简单强大的 JavaScript 动画引擎 - Animation.js

Animation.js是一个全新的JavaScript动画引擎!它不是一个生来就具有动画功能的动画“框架”,而是一个去辅助别人制作动画的“引擎”。 Animation.js的使用和操作都极其简单,并且极其有用!...

Skyogo ⋅ 06/18 ⋅ 0

[译] JavaScript 是如何工作的:CSS 和 JS 动画背后的原理 + 如何优化性能

原文地址:How JavaScript works: Under the hood of CSS and JS animations + how to optimize their performance 原文作者:Alexander Zlatkov 译文出自:掘金翻译计划 本文永久链接:git......

辣手摧花 ⋅ 05/15 ⋅ 0

WEB GIS 开发框架 mapbox-gl-js v0.46.beta1 发布

WEB GIS 开发框架 mapbox-gl-js v0.46.beta1 已发布。 Mapbox GL JS 是一个 JavaScript 库,使用 WebGL 渲染交互式矢量瓦片地图和栅格瓦片地图。WebGL 渲染意味着高性能,MapboxGL 能够渲染大...

达尔文 ⋅ 06/15 ⋅ 0

精读《现代 js 框架存在的根本原因》

1 引言 深入思考为何前端需要框架,以及 web components 是否可以代替前端框架? 原文地址,建议先阅读原文,或者阅读概述。 2 概述 现在前端框架非常多了,如果让我们回答 “为什么要用前端...

黄子毅 ⋅ 05/21 ⋅ 0

精读《现代 js 框架存在的根本原因

1 引言 深入思考为何前端需要框架,以及 web components 是否可以代替前端框架? 原文地址,建议先阅读原文,或者阅读概述。 2 概述 现在前端框架非常多了,如果让我们回答 “为什么要用前端...

黄子毅 ⋅ 05/21 ⋅ 0

js利用H5的requestAnimationFrame()API实现动画效果

为什么要使用requestAnimationFrame: 我们知道,浏览器实现动画绘制无非就是CSS3的动画属性,和JavaScript的和方法(进行DOM的样式循环改变达到动画效果)。说到这可能很多同学都有疑问了,...

newbeehh ⋅ 前天 ⋅ 0

优雅地实现CSS Animation delay

1.需求:   等待元素A的动画加载完,再加载B元素的动画(下图中A为大熊猫,B为下方卡片)   先来看下最后的效果啦: 2.初始思路:   在B元素的动画属性上加上delay(延迟,使得这个延迟...

大雄的学习人生 ⋅ 05/20 ⋅ 0

写的一个轻量级javascript框架的设计模式

公司一直使用jQuery框架,一些小的项目还是觉得jQuery框架太过于强大了,于是自己周末有空琢磨着写个自己的框架。谈到js的设计模式,不得不说说js的类继承机制,javascript不同于PHP可以轻松...

thinkyoung ⋅ 2014/12/05 ⋅ 0

talent-tan/tio-websocket-showcase

tio-websocket-showcase 项目介绍 展示tio-websocket的用法,官方提供的唯一tio-websocket示范教程 包括wss和流量监控及处理等高级特性 还包括t-io作者写的一个用于连接websocket服务器的js小...

talent-tan ⋅ 05/06 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

从 Confluence 5.3 及其早期版本中恢复空间

如果你需要从 Confluence 5.3 及其早期版本中的导出文件恢复到晚于 Confluence 5.3 的 Confluence 中的话。你可以使用临时的 Confluence 空间安装,然后将这个 Confluence 安装实例升级到你现...

honeymose ⋅ 今天 ⋅ 0

Java8新增的DateTimeFormatter与SimpleDateFormat的区别

两者最大的区别是,Java8的DateTimeFormatter也是线程安全的,而SimpleDateFormat并不是线程安全。 在并发环境下使用SimpleDateFormat 为了能够在多线程环境下使用SimpleDateFormat,有这三种...

人觉非常君 ⋅ 今天 ⋅ 0

多线程如何控制执行顺序

线程的生命周期说明: 当线程被创建并启动以后,它既不是一启动就进入了执行状态,也不是一直处于执行状态,在线程的生命周期中,它要经过新建(New)、就绪(Runnable)、运行(Running)、...

MarinJ_Shao ⋅ 今天 ⋅ 0

用ZBLOG2.3博客写读书笔记网站能创造今日头条的辉煌吗?

最近两年,著名的自媒体网站今日头条可以说是火得一塌糊涂,虽然从目前来看也遇到了一点瓶颈,毕竟发展到了一定的规模,继续增长就更加难了,但如今的今日头条规模和流量已经非常大了。 我们...

原创小博客 ⋅ 今天 ⋅ 0

MyBatis四大核心概念

本文讲解 MyBatis 四大核心概念(SqlSessionFactoryBuilder、SqlSessionFactory、SqlSession、Mapper)。 MyBatis 作为互联网数据库映射工具界的“上古神器”,训有四大“神兽”,谓之:Sql...

waylau ⋅ 今天 ⋅ 0

以太坊java开发包web3j简介

web3j(org.web3j)是Java版本的以太坊JSON RPC接口协议封装实现,如果需要将你的Java应用或安卓应用接入以太坊,或者希望用java开发一个钱包应用,那么用web3j就对了。 web3j的功能相当完整...

汇智网教程 ⋅ 今天 ⋅ 0

2个线程交替打印100以内的数字

重点提示: 线程的本质上只是一个壳子,真正的逻辑其实在“竞态条件”中。 举个例子,比如本题中的打印,那么在竞态条件中,我只需要一个方法即可; 假如我的需求是2个线程,一个+1,一个-1,...

Germmy ⋅ 今天 ⋅ 0

Django第一期

安装Django 去https://www.djangoproject.com/download/ 下载最新版的Django,然后解压放到Anaconda\Lib\site-packages目录下,然后cmd进入此目录,输入安装命令: python setup.py install ...

大不了敲一辈子代码 ⋅ 今天 ⋅ 0

Springboot2 之 Spring Data Redis 实现消息队列——发布/订阅模式

一般来说,消息队列有两种场景,一种是发布者订阅者模式,一种是生产者消费者模式,这里利用redis消息“发布/订阅”来简单实现订阅者模式。 实现之前先过过 redis 发布订阅的一些基础概念和操...

Simonton ⋅ 今天 ⋅ 0

error:Could not find gradle

一.更新Android Studio后打开Project,报如下错误: Error: Could not find com.android.tools.build:gradle:2.2.1. Searched in the following locations: file:/D:/software/android/andro......

Yao--靠自己 ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部