我向大家推薦下Isotope這個jQuery插件，可以用它來創(chuàng)建動態(tài)和智能布局，尤其是現(xiàn)在主流的【瀑布流】形式，非常方便。你可以隱藏和顯示與過濾項目，重新排序和整理甚至更多。同時Isotope還有許多很酷的動畫，尤其是chrome下的表現(xiàn)非常棒，因為支持CSS3的動畫效果很好。當然你也可以設置，動畫引擎為jquery，chrome下依然表現(xiàn)很棒。而且IE兼容的很好，都是使用漸隱漸顯的形式。

當然此插件在使用中也有些問題，比如：現(xiàn)在流行的瀑布流，當模塊中含有圖片的話，最好是將圖片的寬高寫在img標簽上，否則的話，會出現(xiàn)模塊重疊的情況。HTML直接顯示的話比較少見，如果是AJAX動態(tài)調取數(shù)據(jù)然后顯示的話，就會出現(xiàn)重疊。雖然它代碼里寫有加載圖片的方法，但加載圖片后，計算模塊位置上好像是有點問題，或者是加載沒完成，就計算好位置，導致重疊了。

不過除了這個問題，其他的布局和使用都非常的好，推薦給大家。其他的大家去官網看文檔，就會了，不多說了。

官網地址：http://isotope.metafizzy.co/

項目中應用的瀑布流截圖：