부동 하위 메뉴가있는 부동 바닥 글 메뉴

Question

JavaScript 및 바닥 글 메뉴의 요소에 대해 다른 하위 메뉴가있는 & CSS를 사용하여 부동 바닥 글 메뉴를 만들고 싶습니다. 하위 메뉴도 마우스 후버 위에 놓여 야합니다. 이러한 요구를 충족시킬 수있는 방법이 있습니까? 제발 도와 줘서 고마워. 당신이 CSS에 상당히 새로운 것처럼

Answer 1

그것은 소리 (당신이하지 않은 경우에는 범죄!)

보다 쉽게하기 위해, 나는 Twitter Bootstrap 프레임 워크를 사용하는 것이 좋습니다 것 - 그것은 당신에게 많은 저장하지거야 CSS를 처음 사용하는 사람이라면 많은 시간과 노력이 필요합니다.

부트 스트랩에는 Navbar 구성 요소가 있으며이 구성 요소는 사이트 하단에 고정 할 수 있습니다. 몇 가지 샘플 코드를 첨부했지만 Bootstrap 웹 사이트를 방문하고 주위를 배우는 것이 좋습니다. 노력하면 충분합니다.

HTML

<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>