如何用jQuery建立一個動畫像流沙只有

Question

我想有像在流沙

Quicksand animation example

我不想用流沙動畫，因爲我的設置是完全不同的，它使一切方式變得複雜。

所以，如果你能給我一個提示這個動畫是如何工作的以及如何得到像這樣的東西，我會非常高興。

謝謝你們。

Answer 1

其背後的基本概念是：

1. 保存第一個集合了一會兒，然後加載第二個與display:hidden。

2. 識別doublettes並隱藏第一個集合中的其他所有內容。

3. 顯示新的集合，同時保持那些有doublettes hidden

4. 計算丟失的物品的偏移量，將舊的那個位置。來自新的集合

5. 取消隱藏doublettes和DOM

Answer 2

，這並不刪除舊的看起來超級複雜。雖然與您提供的示例不完全相同。

http://net.tutsplus.com/tutorials/javascript-ajax/creating-a-filterable-portfolio-with-jquery/

或

http://www.gethifi.com/blog/a-jquery-plugin-to-create-an-interactive-filterable-portfolio-like-ours