js库实现的特效集合

本文搜集的是js库实现的web特效，

1、Switchery

说明:Switchery是个简单的JavaScript组件，只要几个简单的步骤就可以帮助用户把默认的HTML复选框转换成开关切换的风格

预览：

官方地址: http://abpetkov.github.io/switchery/

2、morris

说明:Morris.js是一个轻量级的JavaScript库，使用jQuery和Raphaël来生成各种时序图

预览：

官方地址 http://www.oesmith.co.uk/morris.js/

3、Turn.js

说明：Turn.js是一个JavaScript库，能够将HTML内容组织成看起来像一本真正的书籍或杂志，用到HTML5的所有优点。Turn.js最合适基于HTML5实现类似杂志，书籍，目录的效果。它适用于大多数的浏览器和设备，轻量级，只有10K

预览：

官方地址 http://www.turnjs.com/#samples/steve-jobs

4、metro ui css

说明:Metro UI CSS是一套用来创建类似于Windows 8 Metro UI风格网站的样式，它是一套自成体系的解决方案，但也可以与其它框架一起使用

预览：（Sidebar为例）

官方地址 http://metroui.org.ua/

5、Planetary.js

说明：Planetary.js是一个JavaScript库，用于构建互动球体效果。它使用D3和TopoJSON解析和渲染地理数据。Planetary.js采用了基于插件的架构，即使是默认的功能是作为插件实现的，这使得Planetary.js非常灵活。Planetary.js是完全可定制，包括颜色，旋转等等

预览：

官方地址：http://planetaryjs.com/examples/rotating.html

6、Math.js

说明：Math.js是一个JavaScript包，用于执行数学相关的函数。拥有非常多的运算功能和灵活的表达式解析器，功能强大且易于使用

预览：

官方地址 http://mathjs.org/

7、Yeoman

说明：Yeoman是一个开源项目，它为Web应用开发定义了一个自用的栈。它包括一批非常优秀的工具和框架，它们都有着完善的文档而且很权威。我们的目的是帮助开发者快速构建漂亮的Web应用

具体解释见：http://www.36ria.com/6144

8、MouseTrap

说明：MouseTrap是个简单的JavaScript库，用来处理键盘快捷键，并且无需任何扩展依赖，而且非常轻量，压缩包只有3.5KB

演示：

触发快捷键前(* a)

连续按下* a 后

官方地址 http://craig.is/killing/mice

9、Hammer.js

说明：Hammer.js是一个轻量级的JavaScript库（仅有2kb），能让你的网站轻松实现触控事件。它依赖于jQuery，

用来控制触摸设备上的多点触控特性

官方地址是 http://eightmedia.github.io/hammer.js/

10、Headroom.js

说明：Headroom.js是一个轻量级，高性能的JavaScript插件（无依赖性），允许你响应用户的滚动行为。Headroom.js使您能够在适当的时候把元素融入视图，而其它时候让内容成为焦点。Headroom.js简单易用，它有一个纯JavaScript API，以及可选的jQuery、Zepto和AngularJS兼容的插件

预览：(鼠标滚动时，出现圈住部分)

官方地址 http://wicky.nillia.ms/headroom.js/

11、Wookmark jQuery plugin

说明：Wookmark jQuery plugin 是一个用来实现现在很流行的瀑布流的网页布局效果的 jQuery 插件

预览：

官方地址 http://www.wookmark.com/jquery-plugin

12、jQuery Corners

说明：jQuery Corners 是一个用于创建漂亮圆角效果的jQuery插件。不需要用到图片或其它特殊的标签

预览:

官方地址 http://jquery.malsup.com/corner/

13、InnerFade

说明：InnerFade这个jQuery插件能够让任意一组元素（img，div等）实现淡入淡出播放效果

预览：

参考地址 http://medienfreunde.com/lab/innerfade/

14、Booklet

说明：Booklet可能是拥有最多选项的插件。你可以通过键盘，链接，或者定时自动翻页。每一页都有一个单独的URL，可以被收藏

预览：

地址: http://builtbywill.com/code/booklet/demos/

15、Flippage

说明：Flippage插件可以将div中内容转换为书籍样式（实现翻页）。它也可以用在触控设备上

预览：

地址：http://marcbuils.github.io/Flippage/

16、ferroSlider

说明：该插件让你可以用一个非同寻常非常酷的方式来编排网站的内容，并且通过一个滑动的方式来导航它们。最终效果类似于Mac或Linux的多重桌面

预览(效果中的一种)

demo地址 http://www.alessandroferrini.it/lab/jQueryPlugins/ferroSlider/docs/docs.php#demos

17、jQuery Extremes

说明：jQuery Extremes是一个极其简单、轻量级的jQuery插件，它使用CSS3的Rotate旋转属性，将元素旋转并排成一圈，效果挺炫的

预览：

地址：http://duopixel.com/extremes/

18、jQuery pageSlide

说明：

jQuery pageSlide 是一个jQuery插件，它可以控制一个隐藏页面的显示和关闭。具体来说，就是当前页占一个完整页面，隐藏页是看不到的，你设置一个控制的地方，点击该控制时触发事件，隐藏的页面就弹出来。再次点击隐藏页面以外的空间，它就又关闭。这适合在有限的空间里，在主页里放重要内容，而隐藏页放一些并不一定要显示，而是有需要的用户才去展开显示的内容

预览