我们曾经介绍过俩款知名的响应式布局插:isotope和masonary,今天我们这里再介绍一款相当不错的响应式布局插件 – Freetile.js,使用它同样可以生成超酷的动态布局效果。相信大家一定会喜欢!
主要特性
Freetie来自于Assemblage 和 Assemblage Plus的内建布局引擎,设计灵感来自于Masonry,VGrid和Wookmark,但是和他们相比较,拥有以下独特的地方:
- 允许包含任何尺寸的元素,并且不要求一个固定的列宽度,因此你不需要指定列宽度来迎合你的元素大小
- 内建算法允许你很容易的自定义插入的位置,满足不同喜好的展示方式。例如,向左或者向右对齐,或者接近特定元素。
- 智能的动画方式能够很好的判断是否需要动画特效。例如,刚加入的元素和不可见的元素。
- 只要使用Assemblage 和 Assemblage Plus模板的网站都在使用它,所以说非常稳定。
如何使用
基本使用方式:
$('#container').freetile();
启用动画特效:
$('#container').freetile({ animate: true, elementDelay: 30 });
相关推荐
我们曾经介绍过俩款知名的响应式布局插:isotope和masonary,今天我们这里再介绍一款相当不错的响应式布局插件 –Freetile.js,使用它同样可以生成超酷的动态布局效果。相信大家一定会喜欢! 主要特性 Freetie来自于...
帮助你生成全屏视频背景的超棒jQuery插件实例,附带源代码
非常实用的特效代码,可以完美运行,可以二次修改!
kinetic 是一款超棒的 JavaScript 动态滚动系列的示例和教程集合。在线演示 标签:jQuery
日期选择插件Kalendae,Kalendae是 一个...当然它内含了一个强大的日期处理javascript插件 - moment.js, 这个类库我们也曾经介绍过(不容错过的超棒Javascript日期处理类库-Moment.js),能够灵活的处理和格式化日期。
有趣的jquery搜索框插件zySearch是一款用户体验超棒,搞笑,新颖搜索框代码。
Parsleyjs 是一个用来对 Web 表单的输入数据进行验证的 JavaScript 库,无需另写一行 JavaScript 代码。中文版本:https://git.oschina.net/dahouge/Parsley.js 主要特性 基于超棒的用户体验超级方便配置超轻量级...
这是一个并不引人注目的 jQuery 插件。 2. BetterTip 允许你创建定制的 Tool tips 的 jQuery 插件。 3. EZPZ Tooltip 非常简单的使用边框的 tooltip,同样也可以跟随鼠标。 4. BsTip 各种简单的 ...
jQuery超棒动态表单验证效果.zip
在线演示 大家还记得我们曾经介绍过的表单验证jquery插件jquery.validationEngine吧,使用这个插件你不需要写任何一行js代码就可以生成一个功能强大的表单验证功能。是不是超棒? 今天介绍的Parsley同样也可以帮助你...
一款超棒的bootstrap管理风格的模板,对响应式布局支持非常好
一个 JavaScript 的提示用户等待的提示库,大致用法如下: /** 显示等待画面 */ function showSpinner() { var opts = { lines: 13, // The number of lines to draw length: 20, // The length of each line ...
又一款超棒的图片选择器!.zip,重塑ImagePicker的工作方式。
Uploadify是JQuery的一个上传插件,实现的效果非常不错,文档内容详细有条理 特别适合Uploadify初学者 api丰富
培训教育类别Bootstrap模板是一款超棒免费的Bootstrap网站模板下载。.rar
Parsley,是一款强大的JavaScript表单验证插件,可以帮助你只使用简单的配置即可实现表单验证功能,这完全基于它的强大DOM-API。 主要特性: 基于超棒的用户体验 超级方便配置 超轻量级(压缩后12K),支持...
学校实训项目-培训教育类别Bootstrap是一款超棒的Bootstrap网站。.zip
Snippet 是一款超棒的代码高亮插件,支持15种流行语言,有数十种配色方案供选择,酷! Apple-like Retina Effect With jQuery ( 演示 | 下载 ) 使用 jQuery 实现的苹果 Retina 效果插件,很棒! Animate ...