jQuery巨型菜单hoverIntent mouseOut

发布于 2024-12-18 22:11:59 字数 493 浏览 2 评论 0原文

我正在使用 Soh Tanaka 的“超级菜单” - http ://www.sohtanaka.com/web-design/mega-drop-downs-w-css-jquery/ - 在下拉菜单上，并且“out”功能存在一些问题。菜单使用hoverIntent，并且应该以“500”的超时延迟淡出，但它只是在鼠标移开时消失：

http:// native.thefutureforward.com/

有问题的 JS 文件是“js/mega-menu.min.js”。我意识到我的代码目前有点混乱，所以我正在努力解决这个问题。

任何有关使 mouseOut 退出菜单以延迟和淡出的帮助将不胜感激！

原文

分享到QQ

分享到微博

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

发布评论

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

心意如水 2024-12-25 22:11:59

您的代码与我构建菜单时从演示中提取的代码有点不同：

 //Set custom configurations
 var menuConfig = {
     sensitivity: 2, // number = sensitivity threshold (must be 1 or higher)
     interval: 100, // number = milliseconds for onMouseOver polling interval
     over: megaHoverOver, // function = onMouseOver callback (REQUIRED)
     timeout: 500, // number = milliseconds delay before onMouseOut
     out: megaHoverOut // function = onMouseOut callback (REQUIRED)
 };


 $(document).ready(function () {
      $("ul#topnav li .sub").css({ 'opacity': '0' }); 
      $("ul#topnav li").hoverIntent(menuConfig); 
 });

请注意，我将配置传递给hoverIntent，而不是函数名称。

Your code is a bit different from what I pulled from the demo when I built my menus:

 //Set custom configurations
 var menuConfig = {
     sensitivity: 2, // number = sensitivity threshold (must be 1 or higher)
     interval: 100, // number = milliseconds for onMouseOver polling interval
     over: megaHoverOver, // function = onMouseOver callback (REQUIRED)
     timeout: 500, // number = milliseconds delay before onMouseOut
     out: megaHoverOut // function = onMouseOut callback (REQUIRED)
 };


 $(document).ready(function () {
      $("ul#topnav li .sub").css({ 'opacity': '0' }); 
      $("ul#topnav li").hoverIntent(menuConfig); 
 });

Notice that I pass the config to the hoverIntent, not the function names.

回复收藏 0 原文

~没有更多了~