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
这次就到这里,下次继续,请多多关注,谢谢。
本文暂时没有评论,来添加一个吧(●'◡'●)