悬停时展开div

Question

我尝试用css做，最接近的是：http://jsfiddle.net/XyDec/ 它有点工作，但不要隐藏其中的内容，我想要一些流畅的动画 ，所以我猜这是脚本时间。 我不能写它们或者不知道在哪里寻找它们，有人可以帮助我吗？

Answer 1

你可以看一下jquery javascript框架（用户友好且功能强大） 这是一个使用jquery平滑滑下div的例子：

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

我认为这应该有用。

希望有所帮助。

干杯。