【问题标题】:Hoverintent - Whole menu (Div) to drop down?Hoverintent - 整个菜单(Div)下拉?
【发布时间】:2012-02-08 19:21:15
【问题描述】:

我试图让整个 div 在悬停时向下滑动。

尝试更详细地解释:

当您将鼠标悬停在徽标下方的箭头上时...

我希望它向下滑动以显示菜单,如下所示:

我希望带有仪器图标的蓝色 div 在悬停在小箭头上时向下。

任何帮助将不胜感激!

【问题讨论】:

  • 更多信息对此很有用。如果有的话,你到目前为止做了什么?
  • 我已经添加了另一张图片来尝试解释。

标签: jquery menu hover slide opencart


【解决方案1】:

也许这可以帮助您入门:

$("#panelTriggerButton").mouseover(function(){
    if($("#panel").hasClass("activePanel")) {
        $("#panel").slideUp('slow').removeClass("activePanel");
        $(this).html("Open");
    } else {
        $("#panel").slideDown('slow').addClass("activePanel");
        $(this).html("Close");
    }
    return false;
});

示例:http://jsfiddle.net/Mk5Qx/

【讨论】:

  • 我刚刚试了一下,这几乎正是我想要的!虽然我希望菜单 div 从顶部主导航的顶部整体滑动,但如果这有意义的话。比如,我不希望它隐藏在 css 中,我只想让它在鼠标悬停时向下滑动,然后在鼠标悬停时向上滑动。
猜你喜欢
  • 2023-03-03
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-05-02
  • 2018-09-16
  • 2017-05-26
相关资源
最近更新 更多