3的div，主要DIV作爲圖像，1個疊加標題 - 頂部，其他覆蓋說明底部的JQuery

Question

我有什麼樣的inital階段必須有一個樣本圖像：

正如你可以看到我有主圖像一個div爲背景內：寬度和高度100％

標題的div - 在圖像的div覆蓋在頂部

而descsription DIV - 另一個疊加在在所述圖像的div底部

我在尋找的是：一旦我將鼠標懸停在任何部分的圖標上，標題div就會滑出視圖，並且說明div會滑出視圖。

有沒有人遇到過這種jQuery結構的解決方案？

在此先感謝。

Answer 1

我爲你做了一點點jsfiddle。

http://jsfiddle.net/A2E2n/

jQuery的代碼是：

$(document).ready(function(){ 

    $("#img").hover(
     function() { 
     $("#title").animate({"top":"-50px"},500); 
     $("#desc").animate({"bottom":"-50px"},500); 
    }, 
    function() { 
     $("#title").animate({"top":"0px"},500); 
     $("#desc").animate({"bottom":"0px"},500); 
    } 
); 

});