하위 메뉴 항목이있는 사이드 바 메뉴

내 웹 사이트의 카테고리가있는 사이드 바를 만들려고하므로 사용자가 사이드 바의 항목을 가리키면 추가 하위 메뉴가 오른쪽, 심지어 하위 하위 항목까지 열립니다. 메뉴. http://www.ebay.com의 왼쪽 상단에 내가 작성하려고하는 작업의 완벽한 예가 나와 있습니다.하위 메뉴 항목이있는 사이드 바 메뉴

제 질문은이 메뉴를 만드는 가장 좋은 방법은 무엇입니까? Jquery? CSS/HTML 전용? 아래의 것과 같이 메뉴를 만들거나 div 만 만들려면 UL + LI 요소를 사용해야합니까? JQuery를 사용하여 마우스를 가리켜 '표시'할 초기 div 내에서 hiddin 하위 메뉴 div가있는 행을 따라 뭔가를 생각하고 있었는데 그게 아주 좋은 해결책입니까?

좋은 방법에 대한 제안이나 권장 사항에 대해 고맙게 생각합니다.

<div id="container"> 
     <div class="menu-item">Cars > (Ford, Chevy, VW)</div> 
     <div class="menu-item">Food > (Fruits, Burgers, Veggies)</div> 
     <div class="menu-item">Sports > (Soccer, Football, Basketball)</div> 
     <div class="menu-item">Movies > (Action, Comedy, Horror) </div> 
    </div>

출처

2012-06-05 AnchovyLegend

jss/js를 사용하면 CSS가 코드를 크게 만들 수 있기 때문에 –

은 [this] (http://sonicradish.com/labs/jGlideMenu/current/static_demo.html)와 비슷합니까? – ClydeFrog

"메뉴를 만드는 가장 좋은 방법은 무엇입니까?"는 적절한 질문이 아닙니다. 웹에 메뉴를 구축하는 데 필요한 자원은 100 개 있습니다. – charlietfl

내가 아는 한, 이것은 CSS로만 가능합니다. 당신은 여기에서 예를 들어, CSS를 찾을 수 있습니다

<ul> 
    <li>Cars 
     <ul> 
      <li>Ford</li> 
      <li>Chevy</li> 
      <li>VW</li> 
     </ul>  
    </li> 
    <li>Food 
     <ul> 
      <li>Fruits</li> 
      <li>Burgers</li> 
      <li>Veggies</li> 
     </ul>  
    </li> 
</ul>

: 마크 업이 같이 갈까요 거기에 기존의 플러그인이있을 때

출처

2012-06-05 14:03:52 PanJanek

@ 누군가가 곤경에 처했습니다 : 당신은 무엇을 의미합니까? – PanJanek

나는 CSS와 함께 js도 할 수 있다고 확신한다. –

@PanJanek 카테고리의 호버에 내측의 UL을 보여주고 싶다. 나는 당신의 예제가 그 커버를 덮지 않을 것이라고 생각한다. – AnchovyLegend

http://www.cssdrive.com/index.php/examples/exampleitem/css_drop_down_menu/ 왜 바퀴를 재발견.

수퍼 체크 아웃해야합니다. 특히 vertical menu demo을 확인하십시오.

출처

2012-06-05 14:04:03

하위 메뉴 항목이있는 사이드 바 메뉴

답변

관련 문제