JavaScript动画框架是Javascript动态添加、删除和修改元素的程序库。它提供了建立和处理HTML和CSS元素的方法，以及创建动画和动态图形的方法。常见的Javascript动画框架包括GreenSock Animation Platform（简称GSAP）、jQuery、Velocity.js、Animate.css等。这些框架都可以让HTML和CSS更加生动有趣，下面我们简单说一下它们的功能和应用。

1. GreenSock Animation Platform（GSAP）

GSAP是一个高性能、专业级别的JavaScript动画工具，支持TweenLite、TweenMax、TimelineLite和TimelineMax动画库。它具有高级缓存技术，提供了平滑流畅的动画，表现出色。GSAP的API简单易用，效果媲美Flash动画。

//举个例子//定义变量var box = document.getElementById('box');TweenLite.to(box, 1, {left:150});

2. jQuery

jQuery是JavaScript的一个快速、简洁的特性库，通过增加CSS选择器和事件的支持，将常见HTML元素操作封装成函数，实现了Web开发中一些常见的JavaScript功能。jQuery允许用户轻松地创建简单的动画效果，比如淡入淡出、改变字体大小、控制颜色等，同时还可以实现复杂的动画效果，如滑动、旋转和缩放等。

//举个例子$('div').click(function(){$(this).animate({left:'+=150px'},'slow');});

3. Velocity.js

Velocity.js是一个简单、快速、功能强大的JavaScript动画库。它是jQuery的一个改进版，可以用更少的代码实现更多的动画效果。与jQuery动画相比，Velocity.js的速度快了4-6倍，还支持硬件加速和高分辨率设备。此外，Velocity.js还支持以下特性：颜色动画、SVG元素动画、集合动画、滚动动画、缩放动画、滚动柔化以及滚动视差。

//举个例子//定义变量var box = document.getElementById('box');Velocity(box, {left:100}, {duration:1000});

4. Animate.css

Animate.css是一个跨平台、高效且易于使用的动画库，可以使用CSS动画为您的网站或应用程序增添魅力。它提供了一些预先制作的动画，包括翻转、淡入和淡出、滑动、旋转等，都是基于CSS3的动画效果实现的，使用方便。

//举个例子//定义变量var box = document.getElementById('box');box.classList.add('bounceInRight');

综上所述，JavaScript动画框架具有灵活性、易用性和高性能的优点。无论是简单的、复杂的动画，还是与HTML和CSS元素交互的特效，都可以通过选择合适的框架来实现。Javascript动画框架为用户带来了更好的用户体验，帮助Web开发者打造更精美的界面。