超棒的響應式布局jQuery插件Freetile.js
更新時間：2014年11月17日 13:12:37 投稿：hebedich
隨著頁面扁平化的普及，越來越多的網站都開始使用響應式布局，作為一個優(yōu)秀的前端工作者，必須要精通的，這里給大家推薦一款響應式布局的jQuery插件。
我們曾經介紹過倆款知名的響應式布局插：isotope和masonary，今天我們這里再介紹一款相當不錯的響應式布局插件 –Freetile.js，使用它同樣可以生成超酷的動態(tài)布局效果。相信大家一定會喜歡！
主要特性
Freetie來自于Assemblage和Assemblage Plus的內建布局引擎，設計靈感來自于Masonry，VGrid和Wookmark，但是和他們相比較，擁有以下獨特的地方：
允許包含任何尺寸的元素，并且不要求一個固定的列寬度，因此你不需要指定列寬度來迎合你的元素大小內建算法允許你很容易的自定義插入的位置，滿足不同喜好的展示方式。例如，向左或者向右對齊，或者接近特定元素。智能的動畫方式能夠很好的判斷是否需要動畫特效。例如，剛加入的元素和不可見的元素。只要使用Assemblage 和 Assemblage Plus模板的網站都在使用它，所以說非常穩(wěn)定。如何使用
基本使用方式：
Js代碼
復制代碼 代碼如下:
$('#container').freetile();
啟用動畫特效：
Js代碼
復制代碼 代碼如下:
$('#container').freetile({animate:true,elementDelay:30});
指定一個自定義的元素選擇器：
Js代碼
復制代碼 代碼如下:
$('#container').freetile({selector:'.thumbs'});
是不是很簡單，有需要的話可以直接拿走哈，千萬別跟我客氣。
相關文章
這篇文章向大家推薦了一個jQuery實現Tab選項卡切換效果的簡單演示，感興趣的小伙伴們可以參考一下2015-11-11
WEB前端開發(fā)都應知道的jquery小技巧及jquery三個簡寫
一個簡單技巧的集合，幫你提升 jQuery 技能，下面腳本之家小編給大家收集整理了web前端開發(fā)都應知道的jquery小技巧，對jquery小技巧感興趣的朋友一起學習吧2015-11-11
jquery trigger函數執(zhí)行兩次的解決方法
這篇文章主要介紹了jquery trigger函數執(zhí)行兩次的解決方法,詳細分析了trigger函數執(zhí)行兩次的原因與響應的解決技巧,非常具有實用價值,需要的朋友可以參考下2016-02-02
表頭固定應該是一個用得比較多的功能，參考了網上幾個例子，在幾個常用瀏覽器下顯示不是很完美2012-11-11
jquery動態(tài)添加以及遍歷option并獲取特定樣式名稱的option方法
下面小編就為大家分享一篇jquery動態(tài)添加以及遍歷option并獲取特定樣式名稱的option方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
本教程將為大家詳細介紹下使用公用方法驗證jquery struts唯一標識，感興趣的朋友可以參考下哈，希望可以幫助到你2013-03-03
這篇文章主要介紹了jQuery簡單實現對數組去重及排序操作,結合實例形式分析了jQuery中unique方法進行數組去重及sort方法排序的相關操作技巧,需要的朋友可以參考下2017-10-10
這篇文章主要介紹了jquery 判斷滾動條到達了底部和到達頂端的方法,需要的朋友可以參考下2014-04-04
這篇文章主要介紹了jQuery插件實現的日歷功能,結合完整實例形式分析了jQuery datepicker插件實現日歷功能的相關操作技巧,需要的朋友可以參考下2018-09-09
jquery是一個js插件庫,現在很多前端開發(fā)人員都是使用它來操作dom的,對于dom操作,jquery提供了很多方法,這篇文章主要給大家介紹了關于jquery給元素設置屬性的簡單方法,需要的朋友可以參考下2023-06-06