jquery悬停淡出菜单淡出背景问题

时间:2012-06-22 04:19:37

标签: jquery css jquery-hover

首先使用wordpress,但这只是我正在使用的平台。 直到我遇到的问题......

带有子导航的主菜单,当翻转一个菜单项时,会有一个单独的div在后台淡出并且卷展栏淡出

但是在命中状态和褪色方面存在一些错误 如果您快速翻转,则淡入淡出未完成,如果超过子导航链接,则淡出背景div ...

这是我正在使用的

$("#main-navigation li, #menu-footer-nav li").hover(
  function () {
    $(".nav-overlay-bottom").stop(true).fadeIn('slow');
  }, 
  function () {
    $(".nav-overlay-bottom").stop(true).fadeOut('slow');
  }
);

我还应该提一下,在一个菜单上它会以不同于其他bg div的方式淡出...

$("#menu-item-1260").hover( function () {
    $(".nav-overlay").stop(true).fadeIn('slow');
        //$("#header").addClass("border-hover-top");
  }, 
  function () {
    $(".nav-overlay").stop(true).fadeOut('slow');
        //$("#header").removeClass("border-hover-top");

  }
);

我的js不是很好所以我相信有更好的方法来写这个吗?

0 个答案:

没有答案