我怎么能实现这个导航菜单?

时间:2015-11-01 13:50:39

标签: javascript css dotnetnuke superfish

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

问题是大多数菜单系统使用下拉菜单,但在我的情况下,菜单需要降低内容。

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

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

2 个答案:

答案 0 :(得分:0)

显示在页面上其他元素上的大多数下拉菜单将在css中定位为绝对,如果您想将内容向下推,那么您可以尝试" position:relative"代替。

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

答案 1 :(得分:-1)

$("#homeone").click(function(){
    $(".want2>ul").slideToggle("slow");
});

那个,有点CSS,请看这里:

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