日期:2012-9-24 来源:GBin1.com
在线演示
我们曾经介绍过俩款知名的响应式布局插:isotope
和masonary
,今天我们这里再介绍一款相当不错的响应式布局插件 - Freetile.js
,使用它同样可以生成超酷的动态布局效果。相信大家一定会喜欢!
主要特性
Freetie来自于Assemblage
和 Assemblage Plus
的内建布局引擎,设计灵感来自于Masonry,VGrid和Wookmark,但是和他们相比较,拥有以下独特的地方:
- 允许包含任何尺寸的元素,并且不要求一个固定的列宽度,因此你不需要指定列宽度来迎合你的元素大小
- 内建算法允许你很容易的自定义插入的位置,满足不同喜好的展示方式。例如,向左或者向右对齐,或者接近特定元素。
- 智能的动画方式能够很好的判断是否需要动画特效。例如,刚加入的元素和不可见的元素。
- 只要使用Assemblage 和 Assemblage Plus模板的网站都在使用它,所以说非常稳定。
如何使用
基本使用方式:
$('#container').freetile();
启用动画特效:
$('#container').freetile({ animate: true, elementDelay: 30 });
指定一个自定义的元素选择器:
$('#container').freetile({ selector: '.thumbs' });
是不是很简答,希望大家喜欢这个插件,如果你有任何问题,请给我们留言!
来源:另外一款超棒的响应式布局jQuery插件 - Freetile.js
分享到:
相关推荐
NULL 博文链接:https://justcoding.iteye.com/blog/2074425
我们曾经介绍过俩款知名的响应式布局插:isotope和masonary,今天我们这里再介绍一款相当不错的响应式布局插件 –Freetile.js,使用它同样可以生成超酷的动态布局效果。相信大家一定会喜欢! 主要特性 Freetie来自于...
帮助你生成全屏视频背景的超棒jQuery插件实例,附带源代码
日期选择插件Kalendae,Kalendae是 一个...当然它内含了一个强大的日期处理javascript插件 - moment.js, 这个类库我们也曾经介绍过(不容错过的超棒Javascript日期处理类库-Moment.js),能够灵活的处理和格式化日期。
【win】mysql5.7.31的可执行安装包 安装体验超棒233 解压后就是msi格式的啦 官网的下太慢了重新传了一个
一款超棒的redis开源客户端工具,完虐 RDM ,,Another Redis DeskTop Manager在功能和UI上明显高于Redis DeskTop Manager,而且还是开源,果断支持!
vue-stroll Vue.js + Stroll.js。 Vue2.x的超棒CSS列表滚动效果。 请参阅演示安装npm i vue-stroll -S CDN使用此URL进行开发vue-stroll Vue.js + Stroll.js。 Vue2.x的超棒CSS列表滚动效果。 请参阅演示安装npm i ...
vue-balloon Vue.js插件可创建一个浮动元素,该元素在单击时会扩展。 在此处查看示例。 相关性此插件使用aweso vue-balloon Vue.js字体插件创建一个浮动元素,该元素在单击时会扩展。 在此处查看示例。 依赖关系此...
概述:Cookie Clicker 是一款令人兴奋的闲置答题器游戏。让自己沉浸在烘焙饼干的过程中,从一个小糖果店变成饼干皇帝。 描述: 适用于Chrome™浏览器的超棒饼干游戏!点击搞笑曲奇,获得更多曲奇,购买升级,...
非常实用的特效代码,可以完美运行,可以二次修改!
旅游行业深度解析狂人国:超棒体验,逆势增长-1024-国泰君安-25页.pdf
内容包括: 超棒的jquery上传插件Uploadify3.1中文详细参考手册.pdf jquery.uploadify-3.1.rar
kinetic 是一款超棒的 JavaScript 动态滚动系列的示例和教程集合。在线演示 标签:jQuery
超棒的相册图片浏览器框架,可支持网络图片、相册图片、拍照、图片裁剪等功能
使用超棒微调器来JS加载叠加层。 它包含52个微调框,您可以选择。产品特点整页加载叠加。 能够显示整页加载叠加。 正在将叠加层加载到容器中。 能够显示集装箱内的装载覆盖物锁定滚动。 能够在加载叠加活动期间锁定...
Vue很棒Vue.js的超棒SVG图标组件,带有内置的Font Awesome图标。Vue-Awesome 的SVG图标组件,内置图标由。 在查看演示。安装npm(推荐) $ npm install vue-awesome凉亭$ bower install vue-awesome手册只需下载dist...
一个基于vue-webpack模板的Vue.js项目,带有bulma,chart.js,超棒的字体。 这基于vue 2.x和vue-router2.x。 与vue 1.x和vue-router 0.7.x一起使用时,请检出1.0。 git clone --branch 1.0 ...
有趣的jquery搜索框插件zySearch是一款用户体验超棒,搞笑,新颖搜索框代码。
Parsleyjs 是一个用来对 Web 表单的输入数据进行验证的 JavaScript 库,无需另写一行 JavaScript 代码。中文版本:https://git.oschina.net/dahouge/Parsley.js 主要特性 基于超棒的用户体验超级方便配置超轻量级...