jQuery - 在悬停时为div设置动画，一旦鼠标移开就使用动画重置

Question

当我将鼠标悬停在另一个div，#blackcrownlinksb上时，我试图为div，#blackcrownlink设置动画。我希望#blackcrownlinksb成为opacity:1;当盘旋，并返回opacity:0;当鼠标离开它。

到目前为止，我有：

$('#blackcrownlink').hover(function() {
$('#blackcrownlinksb').animate({
 opacity: 1,
 }, 600);
});

会出现#blackcrownsb。但是，我似乎无法在此脚本的后半部分获得正确的语法。

有人能帮助我吗？

Answer 1

函数.hover(mouseenter, mouseleave)允许您指定进入和离开功能。您可以放一个逗号并将该函数添加为第二个参数：

$('#blackcrownlink').hover(function() {
    $('#blackcrownlinksb').stop().animate({
        opacity: 1,
    }, 600);
}, function() {
    // If you want it to Animate
    $('#blackcrownlinksb').stop().animate({
        opacity: 0,
    }, 600);

    //// If you want to instantly Set it
    //$('#blackcrownlinksb').css("opacity", 0);
});

我还添加了.stop()，以便鼠标移出/移出会立即做出反应。