超棒的响应式布局jQuery插件Freetile.js


Posted in Javascript onNovember 17, 2014

超棒的响应式布局jQuery插件Freetile.js

在线演示

我们曾经介绍过俩款知名的响应式布局插:isotope和masonary,今天我们这里再介绍一款相当不错的响应式布局插件 ?Freetile.js,使用它同样可以生成超酷的动态布局效果。相信大家一定会喜欢!

主要特性

Freetie来自于Assemblage和Assemblage Plus的内建布局引擎,设计灵感来自于Masonry,VGrid和Wookmark,但是和他们相比较,拥有以下独特的地方:

允许包含任何尺寸的元素,并且不要求一个固定的列宽度,因此你不需要指定列宽度来迎合你的元素大小内建算法允许你很容易的自定义插入的位置,满足不同喜好的展示方式。例如,向左或者向右对齐,或者接近特定元素。智能的动画方式能够很好的判断是否需要动画特效。例如,刚加入的元素和不可见的元素。只要使用Assemblage 和 Assemblage Plus模板的网站都在使用它,所以说非常稳定。如何使用

基本使用方式:

Js代码

$('#container').freetile();

启用动画特效:

Js代码

$('#container').freetile({animate:true,elementDelay:30});

指定一个自定义的元素选择器:

Js代码

$('#container').freetile({selector:'.thumbs'});

是不是很简单,有需要的话可以直接拿走哈,千万别跟我客气。

Javascript 相关文章推荐
js三种排序算法分享
Aug 16 Javascript
深入领悟JavaScript中的面向对象
Nov 18 Javascript
javascript移动设备Web开发中对touch事件的封装实例
Jun 05 Javascript
jQuery判断指定id的对象是否存在的方法
May 22 Javascript
浅谈window对象的scrollBy()方法
Jul 15 Javascript
ionic实现可滑动的tab选项卡切换效果
Apr 15 Javascript
微信小程序 Windows2008 R2服务器配置TLS1.2方法
Dec 05 Javascript
js判断一个字符串是以某个字符串开头的简单实例
Dec 27 Javascript
微信小程序实战之仿android fragment可滑动底部导航栏(4)
Apr 16 Javascript
easyui简介_动力节点Java学院整理
Jul 14 Javascript
微信小程序中悬浮窗功能的实现代码
Aug 02 Javascript
非常漂亮的js烟花效果
Mar 10 Javascript
jQuery Masonry瀑布流插件使用详解
Nov 17 #Javascript
javascript将url中的参数加密解密代码
Nov 17 #Javascript
PHP使用方法重载实现动态创建属性的get和set方法
Nov 17 #Javascript
PHP PDO操作总结
Nov 17 #Javascript
JavaScript函数详解
Nov 17 #Javascript
提升PHP安全:8个必须修改的PHP默认配置
Nov 17 #Javascript
详解Javascript 装载和执行
Nov 17 #Javascript
You might like
thinkPHP框架中执行原生SQL语句的方法
2017/10/25 PHP
PHP实现的AES双向加密解密功能示例【128位】
2018/09/03 PHP
Laravel框架查询构造器 CURD操作示例
2019/09/04 PHP
10个新的最有前途的JavaScript框架
2009/03/12 Javascript
JavaScript 大数据相加的问题
2011/08/03 Javascript
js下拉框二级关联菜单效果代码具体实现
2013/08/03 Javascript
js阻止冒泡及jquery阻止事件冒泡示例介绍
2013/11/19 Javascript
获得Javascript对象属性个数的示例代码
2013/11/21 Javascript
jquery遍历标签中自定义的属性方法
2016/09/17 Javascript
Bootstrap CSS组件之按钮下拉菜单
2016/12/17 Javascript
vue中axios处理http发送请求的示例(Post和get)
2017/10/13 Javascript
浅谈Vuejs中nextTick()异步更新队列源码解析
2017/12/31 Javascript
基于vue实现圆形菜单栏组件
2019/07/05 Javascript
layui 解决form表单点击无反应的问题
2019/10/25 Javascript
[02:54]DOTA2英雄基础教程 暗影牧师戴泽
2013/12/05 DOTA
Python内置函数的用法实例教程
2014/09/08 Python
python+Django+apache的配置方法详解
2016/06/01 Python
基于Django的python验证码(实例讲解)
2017/10/23 Python
Python cookbook(字符串与文本)针对任意多的分隔符拆分字符串操作示例
2018/04/19 Python
python通过配置文件共享全局变量的实例
2019/01/11 Python
通过shell+python实现企业微信预警
2019/03/07 Python
Django如何开发简单的查询接口详解
2019/05/17 Python
Python3 JSON编码解码方法详解
2019/09/06 Python
tensorflow实现训练变量checkpoint的保存与读取
2020/02/10 Python
浅谈python3打包与拆包在函数的应用详解
2020/05/02 Python
Python3爬虫中Splash的知识总结
2020/07/10 Python
英国女士和男士时尚服装网上购物:Top Labels Online
2018/03/25 全球购物
总裁办公室主任职责
2014/01/02 职场文书
试用期员工考核制度
2014/01/22 职场文书
教学实验楼管理制度
2014/02/01 职场文书
我的老师教学反思
2014/05/01 职场文书
感恩节活动策划方案
2014/05/16 职场文书
供应链金融服务方案
2014/05/25 职场文书
群众路线自查自纠工作情况报告
2014/10/28 职场文书
2014年第四季度入党积极分子思想汇报(十八届四中全会)
2014/11/03 职场文书
病人写给医生的感谢信
2015/01/23 职场文书