带浮动子菜单的浮动页脚菜单

Question

我想使用JavaScript和HTML创建浮动页脚菜单& CSS与其他子菜单的页脚菜单中的元素一起使用。子菜单也应该浮在鼠标胡佛上。有什么办法可以满足这些需求吗？请帮助和谢谢。

Answer 1

这听起来像你是相当新的CSS（没有冒犯，如果你不是！）

为了方便，我建议使用Twitter Bootstrap框架 - 它会为您节省大量的时间，如果你是新来的CSS和避免许多常见的陷阱。

Bootstrap有一个Navbar组件，您可以将其固定到网站的底部。我附上了一些示例代码，但我强烈建议访问Bootstrap网站并学习您的方式 - 这将非常值得您的努力。

HTML（确保你包括引导样式表和javascript）

<div class="navbar navbar-inverse navbar-fixed-bottom"> 
    <div class="navbar-inner"> 
    <div class="container"> 
     <button data-target=".nav-collapse" data-toggle="collapse" class="btn btn-navbar" type="button"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </button> 
     <a href="./index.html" class="brand">Submenu Example</a> 
     <div class="nav-collapse collapse"> 
     <ul class="nav"> 
      <li class=""> 
      <a href="./base-css.html">Normal Item</a> 
      </li> 
      <li class="dropdown"> 
      <a data-toggle="dropdown" class="dropdown-toggle" href="#"> 
       Dropup Item 
       <b class="caret"></b> 
      </a> 
      <ul class="dropdown-menu"> 
       <li><a href="#">Sub Item 1</a></li> 
       <li><a href="#">Sub Item 2</a></li> 
      </ul> 
      </li> 
     </ul> 
     </div> 
    </div> 
    </div> 
</div>