个人收藏的必备网页设计控件，也许正是你在寻找的(四)

1、瀑布流插件 jquery.shapeshift

一款轻量级的网格系统插件，可以制作瀑布流效果，同时具有拖动、Responsive和Touch功能。它会动态地安排元素的集合变成类似列网格系统。它除了可以拖动在网格内的掉落元素的同时，仍保持对每个元素的一个逻辑索引位置的能力。

它的主要特点包括：

• 拖放 容器内重新排列元素。拖动的元素会自动在其父容器内改变自己的索引位置。当一个页面重新加载，只要子元素被放置在正确的顺序则网格将看起来完全相同。

• 响应网格 默认情况下启用，将侦听窗口的resize事件，并根据它们的父容器所提供的空间重新安排它的元素。

主页：https://github.com/McPants/jquery.shapeshift

2、图像放大 Elevate Zoom

它是一款免费的图像放大插件。它完全可定制、彩色浅色调、fancybox支持、使用鼠标滚轮变焦、窗口缩放、镜头变焦和内环缩放等。

主页：http://www.elevateweb.co.uk/image-zoom

3、页面导航 ScrollNav.js

一款制作滚动页面，导航项目随之变化的jQuery插件。

把你的页面的现有内容，将其划分成逻辑部分，并建立一个可定制的侧边栏滚动导航。它可以经过简单的设置就可以使用，并且是完全可以定制的，最大的特点是压缩后的JS文件非常小。

主页：http://scrollnav.com/

4、文本动画效果 textillate.js

这是一款简单实现文本动画效果的jQuery插件。

主页：http://textillate.js.org/

5、图片旋转 Threesixty-slider

它是一个jQuery插件，它可以创建360度的产品展示。该插件是完全可定制的，它具有在任何角度显示图像的功能，例如在一个电子商务网站，可以帮客户从他们需要的任何角度展示产品细节。

主页：http://www.360slider.com/

6、图标插件 Chart.js

它是一个简单，灵活的JavaScript图表设计插件，它可以混搭条形图和折线图以提供的数据集之间有清晰的视觉区别，它可以轻松定制完全坐标轴，并且可以简单的使用令人惊叹的转换数据动画。

主页：http://www.chartjs.org/

7、书册翻页 BookBlock

BookBlock是一个jQuery插件，将创建类似于一个小册子，你可以通过翻阅书本一样阅读。任何内容都可以使用，如图片或文字。

主页：http://tympanus.net/codrops/2012/09/03/bookblock-a-content-flip-plugin/

8、自动裁剪图片 FocusPoint

FocusPoint 可以让你的照片在任意的容器中都能有不错的显示效果。 它会动态地对图片进行剪裁，而不会切掉图片中重要的对象。

主页：https://github.com/jonom/jquery-focuspoint

9、CSS动画 Animisition

Animsition是一个便于开发者添加CSS动画跳转的jQuery插件。它提供18种不同的动画，包括各种各样的消失、旋转、翻转和变焦等特效。

主页：https://github.com/blivesta/animsition

10、折角插件 jCorner

jCorner是一个jQuery插件，它可以在右下角创造折纸效果，如图所示。它使用CSS边框达到效果，而无需使用任何图像，因此，可以使用这个插件来创建任意大小折角。

主页：https://github.com/tisuchi-com/How-to-create-folding-paper-with-jCorner

这次就到这里，下次继续，请多多关注，谢谢。