Jquery菜单下拉问题

发布于 2024-10-29 02:08:37 字数 529 浏览 1 评论 0原文

我有这段代码,我正在尝试制作它,因此一旦您从顶部菜单项中删除鼠标,它就会有延迟

$(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");
  });

});

任何帮助将不胜感激

I have this code and I am trying to make it so it will have a delay once you remove the mouse from the top menu item

$(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");
  });

});

Any help will be greatly appreciated

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

情仇皆在手 2024-11-05 02:08:37

使用 .delay()

我假设您想延迟隐藏(当鼠标悬停out时)

您的代码,我添加 .delay (600) 第 4 行。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/

Use .delay()

I assume you wanted to delay the hide (when mouse hover out)

Your code, I add .delay(600) on line 4. 600 is miliseconds.

$("#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");
});

More info: http://api.jquery.com/delay/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文