神奇的jQuery外掛程式：動態布局響應式外掛程式-Freetile.js

標籤：jquery   ui   web前端   前端   架構   

今天我們這裡再介紹一款相當不錯的響應式布局外掛程式 - Freetile.js，使用它同樣可以產生超酷的動態布局效果。相信大家一定會喜歡！

 

 

主要特性 

Freetie來自於Assemblage和 Assemblage Plus的內建布局引擎，設計構想來自於Masonry，VGrid和Wookmark，但是和他們相比較，擁有以下獨特的地方：

• 允許包含任何尺寸的元素，並且不要求一個固定的列寬度，因此你不需要指定列寬度來迎合你的元素大小

• 內建演算法允許你很容易的自訂插入的位置，滿足不同喜好的展示方式。例如，向左或者向靠右對齊，或者接近特定元素。

• 智能的動畫方式能夠很好的判斷是否需要動畫特效。例如，剛加入的元素和不可見的元素。

• 只要使用Assemblage 和 Assemblage Plus模板的網站都在使用它，所以說非常穩定。可以500%提高開發效率的前端UI架構！

如何使用

基本使用方式：

Java代碼  

1. $(‘#container‘).freetile();  

 

啟用動畫特效：

.代碼  

1. $(‘#container‘).freetile({ animate: true, elementDelay: 30 });  

 

指定一個自訂的元素選取器：

.代碼  

1. $(‘#container‘).freetile({ selector: ‘.thumbs‘ });  

 

是不是很簡答，希望大家喜歡這個外掛程式。可以500%提高開發效率的前端UI架構！

神奇的jQuery外掛程式：動態布局響應式外掛程式-Freetile.js