常见的10个JavaScript动画函数库

一、Snap.svg

SVG是一种创建交互式动画非常棒的方式,独立的分辨率的矢量图形在任何大小的屏幕上看起来效果都很好。Snap.svg库使操作SVG变得更jQuery操作DOM一样简单。

二、Motio

一个基于动画和平移的简单但强大的JavaScript库

三、animo.js

堆栈动画,可以创建跨浏览器平台的模糊效果,在动画完成可以调用回调函数,创建更魔幻的动画。

四、Move.js

Move.js是一个很小的函数库,能简单而优雅的支持CSS3.

五、favico.js

用动画徽章的方式激活你的网站图标。你可以自定义动画类型、位置、背景颜色和文本颜色

六、Textillate.js

一个简单的CSS文本动画插件,Textillate.js结合了一些极好的函数库,目的是为应用CSS3动画的任何文本提供一个简单易用的插件。

七、Anima

用Anima可以很容易的同时激活100多个对象,每一个元素都有大小和黏性去模拟一个真实对象

八、GSAP

GSAP是一套针对原生的、高性能HTML5动画的工具,并能在所有主流浏览器中工作。

九、WOW.js

WOW.js是一个当滚动时显示动画的JavaScript插件。非常适合用Animate.css的朋友

十、Velocity.js

Velocity.js:对于运动设计者来说,这是一个极其迅速的动画渲染引擎。

译文出处:http://www.ido321.com/1516.html

时间: 2024-10-06 00:45:32

常见的10个JavaScript动画函数库的相关文章

使用prototype扩展的JavaScript常用函数库

Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 1 /** * 检索数组元素(原型扩展或重载) * @param {o} 被检索的元素值 * @type int * @returns 元素索引 */ Array.prototype.contains = function(o) { var index = -1; for(var i=0;i<thi

Javascript数组函数库

其实平时用的比较多的应该是push和pop,不过还是都记下来,以便后面使用. shift :删除原数组第一项,并返回删除元素的值:如果数组为空则返回undefined var a = [1,2,3,4,5]; var b = a.shift(); //a:[2,3,4,5] b:1 unshift :将参数添加到原数组开头,并返回数组的长度 var a = [1,2,3,4,5]; var b = a.unshift(-2,-1); //a:[-2,-1,1,2,3,4,5] b:7 注:在IE

javascript动画函数封装(升级版)

//把 任意对象 的 任意数值属性 改变为 任意的目标值 function animate(obj, json, fn) { clearInterval(obj.timer); obj.timer = setInterval(function () { var flag = true; for (var k in json) { if (k === "opacity") {//opacity要特殊处理 //opacity没有单位 参与运算自动转换成数值 所以不用parsetInt //

javascript动画函数封装

function animate(obj, target) { clearInterval(obj.timer); obj.timer = setInterval(function () { var leader = obj.offsetLeft; var step = 10;//之前只能是正数 只能往右走 /*if (leader < target) { step = step; } else { step = -step; }*/ step = leader < target ? step

为开发者准备的 Android 函数库(2016 年版)

转载:http://www.androidchina.net/5922.html第三方函数库(译者注:包括第三方提供的 SDK,开源函数库)以惊人的方式助力着 Android 开发,借助这些其他开发人员辛勤工作的成果,我们开发起来更轻松和快捷.目前存在成千上万的函数库,如何选择正确的函数库非常关键,本文就是这样的一个总结. Animation Android View Animations 1 :一个强大的 View 动画函数库,方便使用者很容易地实现各种 View 的动画效果. Recycle

JavaScript——WEBAPIS_深入动画函数的封装,常见网页特效

深入动画函数的封装 1.动画函数的封装 1.1 缓动效果的实现 这里有一些核心的算法,(目标值 - 现在的位置) ??/??10 = 每一次移动的步长 拿一个具体的效果举例子,比如让一个元素慢下来, 实现想法:让元素的移动距离变下,每一次的步长都变小,核心的算法:** (目标值 - 现在的位置) ??/??10??? 做为每次移动的距离步长**,其停止的条件就是当盒子到达目标位置就停止定时器 实现的代码: <body> <button>点击之后老李才飞!</button>

jQuery使用最广泛的javascript函数库

网站建设中,jQuery之最方便的的库了,当用到其中的JavaScript函数库的时候,不禁会想居然还有这么简单的操作? 一.选择网页元素 jQuery的基本设计思想和主要用法,就是"选择某个网页元素,然后对其进行某种操作".这是它区别于其他Javascript库的根本特点. 使用jQuery的第一步,往往就是将一个选择表达式,放进构造函数jQuery()(简写为$),然后得到被选中的元素. 选择表达式可以是CSS选择器: $(document) //选择整个文档对象 $('#myId

Javascript中常见的10大面试题及答案

在IT界中,JavaScript开发人员的需求量一直居高不下.如果你的能力能够胜任这一角色,那么你有很多机会换一家公司,并提高薪水.但在你被一家公司聘用之前,你必须展示你的技能,以通过面试环节.在本文中,我将向您展示10个 JavaScript 技能典型问题以及其相关解决方案,来面试前端工程师.它们很有意思! 问题1: 作用域(Scope) 考虑以下代码: (function() { var a = b = 5; })(); console.log(b); 控制台(console)会打印出什么?

Yahoo! UI Library (YUI) 是一个开放源代码的 JavaScript 函数库

Yahoo! UI Library?(YUI) 是一个开放源代码的 JavaScript 函数库,为了能建立一个高互动的网页,它采用了AJAX, DHTML 和 DOM 等程式码技术.它也包含了许多 CSS 资源.使用授权为?BSD许可证 ? YUI 包含完整的说明文件.它包含了两种元件: 工具与控件[2],和一些 CSS 资源. 工具 动画 协助达成位置移动.大小改变.透明度和其他的网页效果. 浏览器历史纪录管理工具 协助网页程式使用浏览器之上一页与书签(我的最爱)工具. 连线工具 协助管理跨