展開div懸停

Question

我試着用css做，最接近的是：http://jsfiddle.net/XyDec/ 這種作品，但不隱藏其中的內容，我想一些流暢的動畫 ，所以我想它的腳本時間。 我不能寫他們或不知道在哪裏尋找他們，有人可以幫我嗎？

Answer 1

你可以看看jQuery的JavaScript框架（用戶友好和強大的） 這裏是使用jQuery滑動順暢格下來的例子：

http://api.jquery.com/slideDown/

這是用一條線做： $("div").slideDown("slow");

希望它能幫助

Answer 2

您是否嘗試過的jQuery？您可以將div作爲對象，並通過jQuery方法將事件分配給事件。

例如：

function hide(){ 
$('#the-div').hide('slow') 
} 

然後你只需撥打懸停事件的函數。

如果您想更進一步，您可以爲它指定一個計時器以再次顯示。甚至使用回調。

function hide(){ 
var x = $('#the-div') 
$('#the-div').hide('slow', function(x){ 
    //do something with the variable x 
    }) 
} 

我認爲應該工作。

希望有所幫助。

乾杯。