超棒的響應(yīng)式布局jQuery插件Freetile.js
我們?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)定。如何使用
基本使用方式：
Js代碼
啟用動(dòng)畫(huà)特效：
Js代碼
指定一個(gè)自定義的元素選擇器：
Js代碼
是不是很簡(jiǎn)單，有需要的話可以直接拿走哈，千萬(wàn)別跟我客氣。
- CSS3+Js實(shí)現(xiàn)響應(yīng)式導(dǎo)航條
- 原生JS實(shí)現(xiàn)響應(yīng)式瀑布流布局
- avalonjs制作響應(yīng)式瀑布流特效
- Bootstrap實(shí)現(xiàn)響應(yīng)式導(dǎo)航欄效果
- Bootstrap每天必學(xué)之響應(yīng)式導(dǎo)航、輪播圖
- 開(kāi)啟BootStrap學(xué)習(xí)之旅
- BootStrap響應(yīng)式導(dǎo)航條實(shí)例介紹
- bootstrap網(wǎng)頁(yè)框架的使用方法
- 20分鐘成功編寫bootstrap響應(yīng)式頁(yè)面 就這么簡(jiǎn)單
- 使用bootstrap3開(kāi)發(fā)響應(yīng)式網(wǎng)站
相關(guān)文章
這篇文章主要介紹了jQuery中animate用法,實(shí)例分析了animate的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
jquery重復(fù)提交請(qǐng)求一般來(lái)說(shuō)有兩個(gè)原因，一是沒(méi)有取消綁定；二是多次引用同一個(gè)js文件2014-05-05
本文給大家推薦了25個(gè)jQuery網(wǎng)格特效插件，在此集合中，我們將展示一些非?？岬膉Query插件和資源在網(wǎng)格布局設(shè)計(jì)，提高了數(shù)據(jù)的介紹。一些實(shí)用的插件，一定會(huì)提供一個(gè)美好的用戶體驗(yàn)。同時(shí)，一些精致的資源，這將有助于布局精美的數(shù)據(jù)范圍。2014-11-11
jQuery圖片漸變特效的簡(jiǎn)單實(shí)現(xiàn)
下面小編就為大家?guī)?lái)一篇jQuery圖片漸變特效的簡(jiǎn)單實(shí)現(xiàn)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06
20個(gè)非常棒的Jquery實(shí)用工具 國(guó)外文章
網(wǎng)站設(shè)計(jì)者往往會(huì)設(shè)計(jì)一些小的工具類（widgets）或者一些可復(fù)用的程序，從而使頁(yè)面更楚楚動(dòng)人，更吸引瀏覽者駐足。這里收集了20個(gè)常用Jquery工具類，這些小的工具可以幫助網(wǎng)站設(shè)計(jì)人員和站長(zhǎng)非常容易地創(chuàng)建漂亮的站點(diǎn)。2010-01-01
jquery實(shí)現(xiàn)textarea輸入字符控制(仿微博輸入控制字符)
首先獲取輸入框的值然后獲取輸入框的值;如果字?jǐn)?shù)大于500、發(fā)布按鈕禁用否從發(fā)布按鈕啟用，感興趣的朋友可以詳細(xì)了解下哈2013-04-04
jquery實(shí)現(xiàn)帶二級(jí)菜單的導(dǎo)航示例
這篇文章主要介紹了jquery實(shí)現(xiàn)帶二級(jí)菜單的導(dǎo)航示例,需要的朋友可以參考下2014-04-04
jQuery實(shí)現(xiàn)的精美平滑二級(jí)下拉菜單效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)的精美平滑二級(jí)下拉菜單效果代碼,通過(guò)響應(yīng)鼠標(biāo)事件動(dòng)態(tài)修改頁(yè)面元素屬性實(shí)現(xiàn)二級(jí)下拉菜單效果,需要的朋友可以參考下2016-03-03
jQuery是一個(gè)兼容多瀏覽器的javascript框架，核心理念是write less,do more(寫得更少,做得更多)。如今，jQuery已經(jīng)成為最流行的javascript框架，在世界前10000個(gè)訪問(wèn)最多的網(wǎng)站中，有超過(guò)55%在使用jQuery。那么作為一個(gè)前端設(shè)計(jì)師，怎么可能不來(lái)深入了解下jQuery呢，首先我們從他的總體構(gòu)架開(kāi)始吧2014-06-06
初探j(luò)query——表單應(yīng)用范例...2007-02-02