?
?
我們?cè)?jīng)介紹過(guò)倆款知名的響應(yīng)式布局插： isotope 和 masonary ，今天我們這里再介紹一款相當(dāng)不錯(cuò)的響應(yīng)式布局插件 – Freetile.js ，使用它同樣可以生成超酷的動(dòng)態(tài)布局效果。相信大家一定會(huì)喜歡！
?
主要特性
Freetie來(lái)自于 Assemblage 和 Assemblage Plus 的內(nèi)建布局引擎，設(shè)計(jì)靈感來(lái)自于Masonry，VGrid和Wookmark，但是和他們相比較，擁有以下獨(dú)特的地方：
- 允許包含任何尺寸的元素，并且不要求一個(gè)固定的列寬度，因此你不需要指定列寬度來(lái)迎合你的元素大小
- 內(nèi)建算法允許你很容易的自定義插入的位置，滿足不同喜好的展示方式。例如，向左或者向右對(duì)齊，或者接近特定元素。
- 智能的動(dòng)畫(huà)方式能夠很好的判斷是否需要?jiǎng)赢?huà)特效。例如，剛加入的元素和不可見(jiàn)的元素。
- 只要使用Assemblage 和 Assemblage Plus模板的網(wǎng)站都在使用它，所以說(shuō)非常穩(wěn)定。
?
如何使用
基本使用方式：
$('#container').freetile();
?
啟用動(dòng)畫(huà)特效：
$('#container').freetile({ animate: true, elementDelay: 30 });
?
指定一個(gè)自定義的元素選擇器：
$('#container').freetile({ selector: '.thumbs' });
?
是不是很簡(jiǎn)答，希望大家喜歡這個(gè)插件，如果你有任何問(wèn)題，請(qǐng)給我們留言！
?
來(lái)源： 另外一款超棒的響應(yīng)式布局jQuery插件 – Freetile.js
?
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號(hào)聯(lián)系： 360901061
您的支持是博主寫(xiě)作最大的動(dòng)力，如果您喜歡我的文章，感覺(jué)我的文章對(duì)您有幫助，請(qǐng)用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點(diǎn)擊下面給點(diǎn)支持吧，站長(zhǎng)非常感激您！手機(jī)微信長(zhǎng)按不能支付解決辦法：請(qǐng)將微信支付二維碼保存到相冊(cè)，切換到微信，然后點(diǎn)擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對(duì)您有幫助就好】元
