需要帮助自定义jQuery水平菜单

时间:2015-07-16 12:58:58

标签: javascript jquery html css navbar

我已经下载了这个很酷的菜单,可以在我的第一个网站上使用

http://cssmenumaker.com/menu/jquery-responsive-dropdown-menu 当您从链接

按下载源时,可以下载代码

我需要你的帮助,有两点:

point1:菜单位于页面中的其他元素下,我可以在菜单代码中添加什么命令强制菜单位于页面中的任何元素之上?

point2:我需要在菜单的右边缘添加带下拉选项的设置按钮,其中包含:个人资料,设置和注销 我可以把它放在其他按钮旁边,但我需要它在菜单的右边

<li><a href='#'><span>Settings</span></a> 
<ul>
     <li><a href='#'><span>Profile</span></a></li>
     <li><a href='#'><span>Setting</span></a></li>
     <li class='last'><a href='#'><span>Logout</span></a></li>
</ul>

2 个答案:

答案 0 :(得分:0)

第1点

您需要将z-index设置为比页面中其他元素更高的值,这会妨碍菜单。

.submenu {z-index: 99999;}

第2点

为包含两个设置链接的float: right;提供<li>,或者提供一个类last并分配CSS:

li.last {float: right;}
<li class="last">
  <!-- The last menu -->
</li>

答案 1 :(得分:0)

由于我无法编辑这个导航栏模板,最终我放弃了,我做了以下,结果非常好,据说让我满意

解决方法:

  1. 我使用了bootstrap navbar
  2. 我使用http://bootstrap-live-customizer.com/来自定义颜色
  3. 我从网站中提取了.css文件,并在bootstrap之后添加了它 在标题中
  4. 导航栏不太吸引人,但作为功能的权衡我保持这种方式

    感谢所有回答并提供帮助的人,感谢所有人