javascript - 让一个 div 在鼠标悬停在另一个 div 上时淡出

Question

我试图让 .image img 在悬停描述框时淡出。

$(".description-box").on({
mouseover: function () {
    clearTimeout(timer);
    $(".image img").fadeOut();
},
mouseout : function () {
    timer = setTimeout(function () { 
        $(".image img").fadeIn();
    }, 100);
}
});

编辑

https://jsfiddle.net/pugu9vyy/

Answer 1

可能是这样的……Fiddle

$(".description-box").on({
mouseover: function () {
    timer = setTimeout(function () {
        $(".image img").fadeOut();
    }, 100);
},
mouseout: function () {
clearTimeout(timer);
    $(".image img").fadeIn();

}
});