javascript - Jquery 鼠标悬停淡入/淡出(最佳实践)

Question

我已经使用 Jquery 代码在问题下方的 div 中淡入/淡出描述性文本。问题？解决方案不是很优雅。这是我得到的:

$("#home").mouseover(function() {
    $("#homeText").fadeIn("slow");
});
$("#homeText").mouseout(function() {
    $("#homeText").fadeOut();
});

我知道有更好的方法，但我不确定它是什么。

Answer 1

您可以使用悬停，第一个函数将作用于“悬停”，第二个作用于“悬停”

文档位于此处:http://docs.jquery.com/Events/hover

$("#home").hover(function(){
    $("#homeText").fadeIn("slow");
},
function(){
    $("#homeText").fadeOut();
});