超棒的響應(yīng)式布局jQuery插件Freetile.js
更新時間：2014年11月17日 13:12:37 投稿：hebedich
隨著頁面扁平化的普及，越來越多的網(wǎng)站都開始使用響應(yīng)式布局，作為一個優(yōu)秀的前端工作者，必須要精通的，這里給大家推薦一款響應(yīng)式布局的jQuery插件。
我們曾經(jīng)介紹過倆款知名的響應(yīng)式布局插：isotope和masonary，今天我們這里再介紹一款相當(dāng)不錯的響應(yīng)式布局插件 –Freetile.js，使用它同樣可以生成超酷的動態(tài)布局效果。相信大家一定會喜歡！
主要特性
Freetie來自于Assemblage和Assemblage Plus的內(nèi)建布局引擎，設(shè)計靈感來自于Masonry，VGrid和Wookmark，但是和他們相比較，擁有以下獨特的地方：
允許包含任何尺寸的元素，并且不要求一個固定的列寬度，因此你不需要指定列寬度來迎合你的元素大小內(nèi)建算法允許你很容易的自定義插入的位置，滿足不同喜好的展示方式。例如，向左或者向右對齊，或者接近特定元素。智能的動畫方式能夠很好的判斷是否需要動畫特效。例如，剛加入的元素和不可見的元素。只要使用Assemblage 和 Assemblage Plus模板的網(wǎng)站都在使用它，所以說非常穩(wěn)定。如何使用
基本使用方式：
Js代碼
復(fù)制代碼 代碼如下:
$('#container').freetile();
啟用動畫特效：
Js代碼
復(fù)制代碼 代碼如下:
$('#container').freetile({animate:true,elementDelay:30});
指定一個自定義的元素選擇器：
Js代碼
復(fù)制代碼 代碼如下:
$('#container').freetile({selector:'.thumbs'});
是不是很簡單，有需要的話可以直接拿走哈，千萬別跟我客氣。
您可能感興趣的文章:
- CSS3+Js實現(xiàn)響應(yīng)式導(dǎo)航條
- 原生JS實現(xiàn)響應(yīng)式瀑布流布局
- avalonjs制作響應(yīng)式瀑布流特效
- Bootstrap實現(xiàn)響應(yīng)式導(dǎo)航欄效果
- Bootstrap每天必學(xué)之響應(yīng)式導(dǎo)航、輪播圖
- 開啟BootStrap學(xué)習(xí)之旅
- BootStrap響應(yīng)式導(dǎo)航條實例介紹
- bootstrap網(wǎng)頁框架的使用方法
- 20分鐘成功編寫bootstrap響應(yīng)式頁面 就這么簡單
- 使用bootstrap3開發(fā)響應(yīng)式網(wǎng)站
相關(guān)文章
這篇文章主要介紹了jQuery中animate用法,實例分析了animate的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
jquery重復(fù)提交請求一般來說有兩個原因，一是沒有取消綁定；二是多次引用同一個js文件2014-05-05
本文給大家推薦了25個jQuery網(wǎng)格特效插件，在此集合中，我們將展示一些非常酷的jQuery插件和資源在網(wǎng)格布局設(shè)計，提高了數(shù)據(jù)的介紹。一些實用的插件，一定會提供一個美好的用戶體驗。同時，一些精致的資源，這將有助于布局精美的數(shù)據(jù)范圍。2014-11-11
下面小編就為大家?guī)硪黄猨Query圖片漸變特效的簡單實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
網(wǎng)站設(shè)計者往往會設(shè)計一些小的工具類（widgets）或者一些可復(fù)用的程序，從而使頁面更楚楚動人，更吸引瀏覽者駐足。這里收集了20個常用Jquery工具類，這些小的工具可以幫助網(wǎng)站設(shè)計人員和站長非常容易地創(chuàng)建漂亮的站點。2010-01-01
jquery實現(xiàn)textarea輸入字符控制(仿微博輸入控制字符)
首先獲取輸入框的值然后獲取輸入框的值;如果字?jǐn)?shù)大于500、發(fā)布按鈕禁用否從發(fā)布按鈕啟用，感興趣的朋友可以詳細(xì)了解下哈2013-04-04
這篇文章主要介紹了jquery實現(xiàn)帶二級菜單的導(dǎo)航示例,需要的朋友可以參考下2014-04-04
這篇文章主要介紹了jQuery實現(xiàn)的精美平滑二級下拉菜單效果代碼,通過響應(yīng)鼠標(biāo)事件動態(tài)修改頁面元素屬性實現(xiàn)二級下拉菜單效果,需要的朋友可以參考下2016-03-03
jQuery是一個兼容多瀏覽器的javascript框架，核心理念是write less,do more(寫得更少,做得更多)。如今，jQuery已經(jīng)成為最流行的javascript框架，在世界前10000個訪問最多的網(wǎng)站中，有超過55%在使用jQuery。那么作為一個前端設(shè)計師，怎么可能不來深入了解下jQuery呢，首先我們從他的總體構(gòu)架開始吧2014-06-06
初探j(luò)query——表單應(yīng)用范例...2007-02-02