html - 悬停时展开 div

Question

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

Answer 1

您可以看看 jquery javascript 框架（用户友好且功能强大）这里是使用 jquery 平滑向下滑动 div 的示例：

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

这是用一行制成的：$("div").slideDown("slow");

希望有帮助

Answer 2

你试过 jQuery 吗？您可以通过 jQuery 方法将 div 视为一个对象并为事件分配一个动作。

例如：

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

然后你只需在悬停事件上调用该函数。

如果你想更进一步，你可以指定一个计时器让它再次显示。甚至使用回调。

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

我认为这应该有效。

希望有帮助。

干杯。