?
?
我們曾經介紹過倆款知名的響應式布局插: 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
?
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號聯系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元
