【问题标题】:How could I implement this navigation menu?我怎样才能实现这个导航菜单?
【发布时间】:2017-03-25 05:29:37
【问题描述】:

我需要为 DotNetNuke 网站实现类似this 的菜单导航(我正在寻找以“我想...”开头的导航部分)

问题是大多数菜单系统使用下拉弹出窗口,但在我的情况下,菜单需要向下移动内容。

我正在使用 SuperFish 并且已经更改了一些 CSS 以在菜单栏和其他内容之间插入下拉菜单,但动画没有成功。 我怎样才能为这种效果设置动画?

我是一名 ASP.Net 开发人员,对 JavaScript/CSS 有一点了解。这适用于 DotNetNuke,并且导航菜单是动态创建的。

【问题讨论】:

    标签: javascript css dotnetnuke superfish


    【解决方案1】:

    出现在页面上其他元素上的大多数下拉菜单将在 css 中绝对定位,如果您想将内容向下推送,则可以尝试“position:relative”。

    您发布的菜单实际上是 jquery 驱动的,并且在 CSS 中似乎没有“位置”元素,它只是在单击时展开了一个隐藏框。

    【讨论】:

    • 谢谢,我已经这样做了,所以内容会下推,但我需要对其进行动画处理
    【解决方案2】:
    $("#homeone").click(function(){
        $(".want2>ul").slideToggle("slow");
    });
    

    还有一点 CSS,请看这里:

    http://codepen.io/damianocel/pen/wKKbjO

    【讨论】:

    • 谢谢,但您的示例只是带来了一些内容。我不知道如何在 SuperFish 菜单中使用它
    猜你喜欢
    • 2021-10-01
    • 2020-02-07
    • 1970-01-01
    • 2013-12-30
    • 2018-11-24
    • 1970-01-01
    • 1970-01-01
    • 2019-11-10
    • 1970-01-01
    相关资源
    最近更新 更多