将鼠标悬停在另一个元素上时显示div

Question

有人知道如何在悬停在另一个元素上时显示div（平滑）。例如，将鼠标悬停在“新闻”链接上，然后带有新闻的div将出现并在鼠标关闭时消失。

我猜我会使用jQuery，但有没有人有任何指示从哪里开始？

Answer 1

$('#news').hover(function(){
        $('#details').show("slow");// You can chose, slow,fast or type milliseconds
},function(){
        $('#details').hide("slow");
});

你只需使用.hover()并给它2个参数作为函数。第一个是在鼠标进入news时执行的，第二个是在鼠标离开news时执行的。
使用show()和hide()方法，您可以添加一些效果。您也可以使用fadeIn(), fadeout()或只使用fadeToggle()，toggle()

jQuery文档：

• http://api.jquery.com/hover/
• http://api.jquery.com/show/
• http://api.jquery.com/hide/
• http://api.jquery.com/fadeOut/
• http://api.jquery.com/fadeIn/
• http://api.jquery.com/fadeToggle/
• http://api.jquery.com/toggle-event/

Answer 2

jQuery hover

fadeIn和fadeOut的组合（用于平滑显示/隐藏div新闻）应该这样做。