展开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 
    }) 
} 

我认为应该工作。

希望有所帮助。

干杯。