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

2、JSTweener 
简介:原始大小14K,支持大多数的动画特效
演示地址:http://svn.coderepos.org/share/l ... es/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- ... 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
简介:倒影实现,如果是在个人项目中,还是可以用得上的,唉,感叹,现在是可供选择的效果太充足了,而实际真正用到项目中的确是寥寥无几,只能这么说,就目前的web项目在交互方面 只能打个不及格。现在貌似国外都是研究者,而我们只是应用者,而且应用得还不到位。
主页地址:http://cow.neondragon.net/stuff/reflection/
脚本地址:  http://cow.neondragon.net/stuff/reflection/reflection.js (27K)

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/custo ... skinId=black_beauty
主页地址:http://amberjack.org

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

原文地址:http://www.5486ren.cn/blog/article.asp?id=85

分享10个Js的小型库,效果真的很棒的更多相关文章

  1. 【分享】 封装js操作textarea 方法集合(兼容很好)。

    请使用下面的btn操作. 虽然你现在看来没什么用,当要用的时候又到处找资料,还不如现在收集一下.         在DOM里面操作textarea里面的字符,是比较麻烦的. 于是我有这个封装分享给大家 ...

  2. 10个实用的 CSS3 按钮效果制作教程

    人们往往喜欢那些有更多互动元素的网站,因此现在很多设计师专注于他们的 CSS3 技能.这是因为 CSS3 技能可以帮助他们在很大的程度上实现所需的吸引力.这里分享的10个优秀的 CSS3 按钮效果制作 ...

  3. 10个顶级Python实用库,推荐你试试!

    为什么我喜欢Python?对于初学者来说,这是一种简单易学的编程语言,另一个原因:大量开箱即用的第三方库,正是23万个由用户提供的软件包使得Python真正强大和流行. 在本文中,我挑选了15个最有用 ...

  4. 分享10款效果惊艳的HTML5图片特效

    在HTML5的世界里,图片特效都十分绚丽,我们在网站上也分享过很多不错的HTML5图片特效,现在我们精选10款效果惊艳的HTML5图片特效分享给大家. 1.HTML5 3D正方体旋转动画 很酷的3D特 ...

  5. 分享一些自己写的前端库,并骗骗 star(库都是在实际项目中大量运用过的)

    最近一两年在一些项目上,通过实际需求出发,编写了一些库在项目中使用,现在将这些项目都稍微整理了一下开源了出来,也许也有刚好能够你也用得上的,顺便也骗一下star.均在项目的README中加了相关的说明 ...

  6. 一个类似于jq的小型库

    本人写了一个类似于jq的小型库,不过只是写了部分方法而已.并没有jq那么全面,下面就介绍下有哪些方法可以使用 第一个是选择器, 选择器比较简单 只支持ID选择器 $(‘#id_name’) Class ...

  7. 基于jplayer实现歌词同步的JS音乐播放器效果

    分享一款基于jplayer实现歌词同步的JS音乐播放器效果.这是一款基于jQuery实现的音乐播放器功能代码.效果图如下: 在线预览   源码下载 实现的代码. html代码: <textare ...

  8. 分享10个超实用的jQuery代码片段

    来源:GBin1.com jQuery以其强大的功能和简单的使用成为了前端开发者最喜欢的JS类库,在这里我们分享一组实用的jQuery代码片段,希望大家喜欢! jQuery平滑回到顶端效果 $(doc ...

  9. 进阶攻略|最全的前端开源JS框架和库

    新的 Javascript 库层出不穷,从而Web 社区愈发活跃.多样.在多方面快速发展.详细去描述每一种主流的 Javascript框架和库近乎不可能,所以在这篇文章中主要介绍一些对前端发展最具影响 ...

随机推荐

  1. 如何设置eclipse开发的web工程自动发布到tomcat的webapps下?

    使用eclipse开发web工程,在配置好服务器(tomcat)之后运行该web工程,发现能正常运行.但是问题在于,当你打开tomcat路径\webapps时,会发现没有该web应用(你的web工程名 ...

  2. Oracle SGA参数调整

    一. SGA的组成: 自动 SGA 管理后,Oracle 可以自动为我们调整以下内存池的大小: shared pool buffer cache large pool java pool stream ...

  3. C++ 关联容器详解——从内部结构到应用

    关联容器不同于顺序容器的是:顺序容器底层用数组实现,为线性结构:关联容器在实现中,用到的非线性存储方式: 顺序容器是通过元素在容器中的位置顺序存储和访问元素,而关联容器是通过键(key)存储和读取元素 ...

  4. EvnetBus

    领域事件(EvnetBus)   文档目录 本节内容: EventBus 注入 IEventBus 获取默认实例 定义事件 预定义事件 处理完异常 实体修改 触发事件 处理事件 处理基类事件 处理程序 ...

  5. 使用Sqlserver事务发布实现数据同步

    事务的功能在sqlserver中由来已久,因为最近在做一个数据同步方案,所以有机会再次研究一下它以及快照等,发现还是有很多不错的功能和改进 的.这里以sqlserver2008的事务发布功能为例,对发 ...

  6. python 读写 Excel文件

    最近用python处理一个小项目,其中涉及到对excel的读写操作,通过查资料及实践做了一下总结,以便以后用. python读写excel文件要用到两个库:xlrd和xlwt,首先下载安装这两个库. ...

  7. 这是我用Microsoft Word 2010 直接发布的测试用博客

    目的:如题所示.   那么先试试拷贝一段网页内容,发布后观察各种格式的显示效果如何. 下面的文字来自中国网新闻,地址是http://news.china.com.cn/2015-10/23/conte ...

  8. 字符串截取 方法 String b=a.substring(0, a.indexOf("乘坐"));

    String b=a.substring(0, a.indexOf("乘坐"));

  9. 1053: [HAOI2007]反素数ant - BZOJ

    Description 对于任何正整数x,其约数的个数记作g(x).例如g(1)=1.g(6)=4. 如果某个正整数x满足:g(x)>g(i) 0<i<x,则称x为反质数.例如,整数 ...

  10. ExtJS4.2学习(八)表格限制输入数据的类型(转)

    鸣谢:http://www.shuyangyang.com.cn/jishuliangongfang/qianduanjishu/2013-11-14/177.html --------------- ...