FX.jsJavaScript 动画基础库

联合创作 · 2023-09-22 17:51

动画基础库支持根据时间或步数来控制动画进度 - (js 不可避免丢帧问题), 回调函数简单, 仅返回进度百分比, 开发者可根据百分比做任意动画.

示例代码：

var duration = 500; // 500ms
var delta = 260;
var dom = document.getElementById('demo');
FX(duration, function(percentage) {
  dom.style.transform = 'translateX(' + delta * percentage + 'px)';
});

编辑分享

图片

表情

Velocity.js 动画效果库JavaScript动画库

Velocity.js可用于加速JavaScript的动画效果。类似jQuery的$.animate()方法，但无需依赖jQuery。速度非常快，而且提供一些很酷的动画效果，支持SVG和滚动。示例代码

Velocity.js 动画效果库JavaScript动画库

Velocity.js 可用于加速 JavaScript 的动画效果。类似 jQuery 的 $.a

AnimiOS 动画库

Anim是动画库，使用核心动画，专为iOS设计，使用Swift编写。

Cquence.jsJavaScript 动画库

Cquence是一个非常小的JavaScript动画库，用于banner和广告的展示。最基本的使用方法：var render = null; // Define the render object s

AsciiMorphascii 动画库

AsciiMorph是一个可在两个ascii图像之间动画过渡的库。演示使用用dom元素渲染ascii&

NineOldAndroidsAndroid 动画库

NineOldAndroids是一个可以让你在Android1.0以上版本使用Honeycomb动画API的Android库。

TweenJSJavascript 动画库

TweenJS是一个简单但强大的Javascript动画库。CreateJS套件的一部分。示例代码：vartween=createjs.Tween.get(myTarget).to({x:300},4

dynamics.jsJavascript 动画库

dynamics.js是一个Javascript库，可以创建基于物理的CSS动画。使用示例：包含dynamics.js到你的页面：<script src="dynamics.js"><

NineOldAndroidsAndroid 动画库

NineOldAndroids 是一个可以让你在 Android 1.0 以上版本使用 Honeyc

ARAnimationiOS 动画库

ARAnimation 是一个核心动画库，让你制作动画更简单。

编辑分享