超棒的响应式布局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 相关文章推荐
javascript 密码强度验证规则、打分、验证(给出前端代码,后端代码可根据强度规则翻译)
May 18 Javascript
jQuery EasyUI API 中文文档 - Dialog对话框
Nov 15 Javascript
JS实现仿京东淘宝竖排二级导航
Dec 08 Javascript
jQuery和AngularJS的区别浅析
Jan 29 Javascript
jQuery使用元素属性attr赋值详解
Feb 27 Javascript
js数组去重的hash方法
Dec 22 Javascript
bootstrap导航、选项卡实现代码
Dec 28 Javascript
jquery实现的table排序功能示例
Mar 10 Javascript
Vue 前端实现登陆拦截及axios 拦截器的使用
Jul 17 Javascript
只有 20 行的 JavaScript 模板引擎实例详解
May 11 Javascript
JavaScript事件循环及宏任务微任务原理解析
Sep 02 Javascript
vue使用keep-alive实现组件切换时保存原组件数据方法
Oct 30 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
php实现数组按指定KEY排序的方法
2015/03/30 PHP
对比分析php中Cookie与Session的异同
2016/02/19 PHP
PHP连接MYSQL数据库的3种常用方法
2017/02/27 PHP
JS 控制非法字符的输入代码
2009/12/04 Javascript
js简单实现用户注册信息的校验代码
2013/11/15 Javascript
js中typeof的用法汇总
2013/12/12 Javascript
Backbone.js的一些使用技巧
2015/07/01 Javascript
ES6中Proxy代理用法实例浅析
2017/04/06 Javascript
简单实现jQuery弹幕效果
2017/05/06 jQuery
Angularjs的键盘事件的绑定
2017/07/27 Javascript
Angular实现的敏感文字自动过滤与提示功能示例
2017/12/29 Javascript
关于Mac下安装nodejs、npm和cnpm的教程
2018/04/11 NodeJs
vue+elementUi 实现密码显示/隐藏+小图标变化功能
2020/01/18 Javascript
解决vue组件没显示,没起作用,没报错,但该显示的组件没显示问题
2020/09/02 Javascript
[02:37]TI8勇士令状不朽珍藏II视频展示
2018/06/23 DOTA
利用Python循环(包括while&for)各种打印九九乘法表的实例
2017/11/06 Python
在Python中字典根据多项规则排序的方法
2019/01/21 Python
解决python执行较大excel文件openpyxl慢问题
2020/05/15 Python
python如何使用腾讯云发送短信
2020/09/17 Python
Russell Stover巧克力官方网站:美国领先的精美巧克力制造商
2016/11/27 全球购物
美国面料纺织品商城:Fabric.com
2017/06/28 全球购物
Nike香港官网:Nike HK
2019/03/23 全球购物
在weblogic中发布ejb需涉及到哪些配置文件
2012/01/17 面试题
职业教育毕业生求职信
2013/11/09 职场文书
行政主管岗位职责
2013/11/18 职场文书
英文简历自荐信范文
2013/12/11 职场文书
写给老师的表扬信
2014/01/21 职场文书
美术教学感言
2014/02/22 职场文书
毕业生自荐信格式
2014/03/07 职场文书
高三高考决心书
2014/03/11 职场文书
2015年元旦文艺汇演主持词
2014/03/26 职场文书
办公楼租房协议书范本
2014/11/25 职场文书
满月酒邀请函
2015/01/30 职场文书
高中运动会前导词
2015/07/20 职场文书
用Python爬取某乎手机APP数据
2021/06/15 Python
MySQL选择合适的备份策略和备份工具
2022/06/01 MySQL