Question

我有这段代码，我试图让它一旦从顶部菜单项中删除鼠标就会有延迟

$(document).ready(function () { 

  // Hover drop-downs
  $('#header_right li ul').stop().animate({"opacity":1}, "fast");
  $('#header_right li ul').stop().animate({"opacity":0}, "fast");


  $("#header_right ul > li").hover(function(){
    $(this).find("ul").css('display', 'block').stop().animate({"opacity":1}, "fast");
  }, function(){
    $(this).find("ul").css('display', 'none').stop().animate({"opacity":0}, "fast");
  });

});

非常感谢任何帮助

Answer 1

使用 .delay（）

我假设你想延迟隐藏（当鼠标悬停 out 时）

您的代码，我在第4行添加 .delay（600）。600毫秒。

$("#header_right ul > li").hover(function(){
  $(this).find("ul").css('display', 'block').stop().animate({"opacity":1}, "fast");
}, function(){
  $(this).find("ul").css('display', 'none').delay(600).stop().animate({"opacity":0}, "fast");
});

更多信息：http://api.jquery.com/delay/

Jquery菜单下拉列表问题

1 个答案: