2013-01-21 4 views
3

어떻게하면 CSS 메뉴와 하위 메뉴를 만들 수 있습니까? 내가 클릭하거나 메뉴를 통해 마우스를 이동하면 CSS 메뉴 하위 메뉴

은, 그것은 바닥

enter image description here

+0

** 무엇을 시도 했습니까? ** – Charles

+0

@Charles Tian : 이것이 내가 할 수있는 일입니다. http://jsfiddle.net/furyfish/yPXbT/ – furyfish

답변

3

HTML 그 외에 당연히

<ul class="nav"> 
    <li><a href=#><span>Main item text</span><span class="bullet"></span></a> 
     <ul> 
     <li><a href=#><span>Sub item text</span><span class="bullet"></span></a></li> 
     </ul> 
    </li> 
</ul> 

CSS

ul.nav li ul { position: absolute; display: none; } 
ul.nav li { float: left; } 
ul.nav li:hover ul { display: block; } 

에 작은 아이콘이 당신 제대로 스타일 목록을 작성해야합니다. 여기 어떻게 탄환으로 작업 할 수 있습니까? http://jsfiddle.net/9r4Lf/1/

+0

감사합니다. 당신의 예가 매우 유용하다. – furyfish