Question

道歉，因为这已被多次询问，但我尝试了相关的解决方案，但它们对我来说效果不佳。在www.Handonam.com/sloshspot上，我正在尝试创建一个悬停事件，当你悬停时它会快速消失，然后当你从鼠标中移出时延迟和淡出淡出。我尝试了这个（在网站上）：

$("#subHome").fadeTo("slow", 0);
$("#button1").hover(function(){
   $("#subHome").stop().fadeTo("fast", 1.0),
   $("#subHome").delay(2000).fadeOut("slow");
 });

但这是错误的，因为它不会让我再次淡入。我也尝试将它们分成mouseover和mouseout事件，它们也不起作用。

任何人都知道如何制作这种液体？

Answer 1

var timerId;

$("#subHome").fadeTo("slow", 0);
$("#button1").hover(function(){
    clearTimeout(timerId);
    $("#subHome").fadeTo("fast", 1.0);
}, function() {
    timerId = setTimeout(function() {
        $("#subHome").fadeOut("slow");
    }, 2000);
});

悬停：淡入淡出，延迟，淡出淡出。 [不工作]

1 个答案: