分享10个Js的小型库，效果真的很棒..

编程技术  /  houtizong 发布于 3年前   88

[url][/url]1、$fx()
简介：$fx()是一个轻量级的动画库，一些复杂的动画，可以由多个简单的动画效果进行组合，但是提供的是混淆压缩过的代码，对于研究动画源码的朋友可能特别不爽
API：http://fx.inetcat.com/manuals.php
主页:http://fx.inetcat.com/

2、JSTweener
简介：原始大小14K，支持大多数的动画特效
演示地：http://svn.coderepos.org/share/lang/javascript/jstweener/trunk/examples/transitions.html
主页地址：http://coderepos.org/share/wiki/JSTweener

3、FX 2.0
简介：代码清晰，支持多种形变动画，而且2.0版本在不局限于px单位，支持了em, %,
演示地址：http://www.ryanmorr.com/tests/fx2/
主页地址：http://ryanmorr.com/archives/fx-2-0-the-full-featured-animation-framework

4、JsCharts
简介：用js生成图表，包括柱状图，饼状图，流线图
演示地址：http://www.jscharts.com/examples
主页地址：http://www.jscharts.com/

5、Raphael
简介：也许你看了效果后会觉得唉，这有什么特别的，但是查看它的源码的时候，你会被震到，不信就去看看呗，
里边的效果实在是太神奇了，虽然目前你根本用不上....
演示地址：http://raphaeljs.com/dragon.html
主页地址：http://raphaeljs.com/dragon.html

6、Reflection.js(27K)
简介：倒影实现,如果是在个人项目中，还是可以用得上的，唉，感叹，现在是可供选择的效果太充足了，而实际真正用到项目中的确是寥寥无几，只能这么说，就目前的web项目在交互方面 只能打个不及格。现在貌似国外都是研究者，而我们只是应用者，而且应用得还不到位。
主页地址：http://cow.neondragon.net/stuff/reflection/
脚本地址: http://cow.neondragon.net/stuff/reflection/reflection.js

7、leigeber
简介：准确的说 这不是一个库，而是一些效果集，但是这对于我们来说却是非常实用的，每个效果都在3K左右，
效果列表：http://www.leigeber.com/category/javascript/
主页地址：http://www.leigeber.com/

8、Shortcuts.js
简介：在web2.0+时代，web应用中的快捷键开始大量使用,而且开始流行起来，google reader 和 Gmail等应用更是引领这一潮流，但是作为开发者，搞定键盘的绑定却不是一件轻松的事情，而shortCuts则以更优的方式解决了这一问题。
演示地址：http://www.openjs.com/scripts/events/keyboard_shortcuts/
主页地址：http://www.openjs.com/scripts/events/keyboard_shortcuts/

9、Amberjack (4K)
简介：这个效果我觉得用在商城上 挺合适的，比如一些打折信息，热卖商品等，只是网站官方极力推销的，用这种方式到不失为一种好方法，当然反对的声音肯定挺多的...
演示地址：http://amberjack.org/skins/customize/?travel=1&tourId=AJTour&skinId=black_beauty
主页地址：http://amberjack.org

10、Blackbird (10K)
简介：alert()的替代方案，现如今耳目下通常开发者都是使用自己制造的弹出层对话框，但是这款的设计思路确是仿照一些软件的控制台日志的方式，把信息都集中于一个面板上，对于用户来说，这其实是一件好事，对自己的操作所产生的结果至少一目了然，web 应用发展新时代，这个东东会成为一个趋势吧。对了，还支持快捷键.
演示地址：http://www.gscottolson.com/blackbirdjs/
主页地址：http://www.gscottolson.com/