Question

我想使用JavaScript和HTML＆amp; amp;创建浮动页脚菜单带有页脚菜单中元素的其他子菜单的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>

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

1 个答案: