帶浮動子菜單的浮動頁腳菜單

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>