分享10个效果非常棒的Js的小型库

这些列举的网站,站内还有大量的效果,希望大家多去找找,对于研究的朋友来说,更是很棒的源码参考。第5款的东东,很强很震撼...

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
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
自己写的一个网页开发常用效果与框架,可以自定义导出自己想要的部分。 1.通过帮助文档help.html查看所有效果与使用方法。 2.通过config.html配置符合你需要并导出js; 内容包含如下: A:效果类; 1.事件-同时兼容手机与pc的3种事件(start、move、end); 2.tab选项卡-各种切换6种; 3.电商产品主图-横向与纵向2种; 4.放大镜-电商主图放大镜、图鼠标悬停旁边出现放大版图效果各一个; 5.跑马灯-文字或图片不断档可支持鼠标悬停时停止; 6.仿alert弹窗-可以自定义样式,手机版pc版个一种; 7.列表下拉加载更多-伪数据加载与ajax异步加载个一种; 8.折叠菜单一个; 9.banner图效果-7种包含手机上支持手指滑动的; 10.时间轴-控制1种; 11.自定义滚动条-横向、纵向各一种; 12.临时禁用滚动条-禁用与启用方法各一个,也能禁用手机滚动条,同时解决px滚动条占用宽度问题。 13.图表等比例-使图片始终保持设定比例缩放等供3种不同形式; 14.回到顶部-点击回到浏览器顶部; 15.漂浮窗-小漂浮窗广告; 16.图集展示-偶尔能用到; 17.滚屏效果-手指上下滑动或鼠标滚轮滚动切换页面,可自己配一些动效!!!!!!; 18.常用表单验证; 19.左滑删除; 20.复选框全选与取消选中; 21.内容拖动!!!!!!; 22.dom输入; 23.单例定时器; 24.ios软键盘弹出fixed定位问题处理!!!!!!; B:架构类; 1.流程控制-主要解决多个ajax调用依赖问题; 2.面向对象的class方法-方便定义类与集成类; 3.require-实现模块化开发,简单实用; 提示:用!!!!!!标注结尾的在某些场景下可能出现bug;
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值