博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
超棒的响应式布局jQuery插件 - Freetile.js
阅读量:6101 次
发布时间:2019-06-20

本文共 516 字,大约阅读时间需要 1 分钟。

hot3.png

主要特性

 在线演示  

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

 

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

 

  如何使用

 

  基本使用方式:

 

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

 

  启用动画特效:

 

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

 

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

 

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

 

转载于:https://my.oschina.net/xiahuawuyu/blog/84682

你可能感兴趣的文章
pfsense锁住自己
查看>>
vsftpd 相关总结
查看>>
bash complete -C command
查看>>
解决zabbix 3.0中1151端口不能运行问题
查看>>
售前工程师的成长---一个老员工的经验之谈
查看>>
Get到的优秀博客网址
查看>>
dubbo
查看>>
【Git入门之四】操作项目
查看>>
老男孩教育每日一题-第107天-简述你对***的理解,常见的有哪几种?
查看>>
Python学习--time
查看>>
在OSCHINA上的第一篇博文,以后好好学习吧
查看>>
高利率时代的结局,任重道远,前途叵测
查看>>
Debian 6.05安装后乱码
查看>>
欢迎大家观看本人录制的51CTO精彩视频课程!
查看>>
IntelliJ IDEA中设置忽略@param注释中的参数与方法中的参数列表不一致的检查
查看>>
关于软件开发的一些感悟
查看>>
uva 10806
查看>>
纯CSS3绘制的黑色图标按钮组合
查看>>
Linux中环境变量文件及配置
查看>>
从0开始学Flutter
查看>>