用Jquery動畫化一系列結果

Question

我正在嘗試使用jQuery爲一組數據庫查詢生成一系列結果動畫。

首先，我希望它顯示類似於Soh Tanaka's web tutorial上的示例。 但是我也想添加一個行爲，當一個用戶點擊一個鼠標懸停在它上面時，它會展開以使用jQuery填充整個父元素（在本例中爲a）。

我希望能有這種情況發生在'其他元素之上'，可能使用z-index。但我希望元素相對於其在頁面上的位置展開。

選擇元素上空盤旋，按公所田中的教程

該元素的動畫，並以這種方式

擴大但是這其中有動畫不同

動畫之後的元素

最終名次

我也想具備的要素圖像左上方說了角落，進一步的細節在擴大褪色動畫完成後，

如果他們可以點擊後退按鈕並且動畫保持，那也是很好的。我不確定這是否必須是某種疊加像燈箱之類的東西，因爲我不希望其他元素必須移出所選元素的動畫方式

希望有人有什麼建議

丹

Answer 1

我創建了一個的jsfiddle實現你彷彿在問了。

http://jsfiddle.net/dm55u/3/

只需將圖片添加到框格。

讓我知道如果我能進一步幫助

編輯

更新我的例子，包括你問正確的懸停效果。

http://jsfiddle.net/dm55u/5/

只需要一些微調。很多javascript代碼可以與共同的功能共享。但是生病讓你完成這個任務。無論如何，這裏是你要求的一個工作例子。現在您只需添加您的內容並對其進行微調即可。

編輯

林有點慚愧地說這一點。但似乎我無法幫助自己。我爲所提供的示例添加了一些更多效果。所以這裏還有另一個版本;）

http://jsfiddle.net/dm55u/9/