반응형 2단 메뉴 만들기2 드롭다운 메뉴 만들기(2단 수평 메뉴편) 드롭다운 메뉴 만들기(2단 수평 메뉴편) 지난 시간엔 비교적 쉬운 2단 수직 메뉴 만들기를 배웠습니다. 수평 메뉴는 좀 더 복잡하므로, 앞 강좌를 미리 공부하시고 오면 좋을 것 같아요 [css]드롭다운 메뉴 만들기(기초) 드롭다운 메뉴 만들기 (2단 수직 메뉴편) 수평 메뉴 만드는 방법은 수직 메뉴편에서 본 것과 동일합니다. 1. 2단 메뉴 만들기 html menu1 menu2 sub menu1 sub menu2 sub menu3 menu3 지난 시간과 달라진 점이 있다면 1단 메뉴에 클래스명이 붙었다는 것인데요, 3단, 4단 메뉴 등 계층구조가 좀 더 복잡해질수록 id나 class명을 붙여 이용하는 것이 좋습니다. css ul{list-style:none; margin:0px; padding:0px;}.. 2014. 12. 3. 드롭다운 메뉴 만들기 (2단 수직 메뉴편) 드롭다운 메뉴 만들기 (2단 수직 메뉴편) 지난 시간엔 단순한 메뉴 만들기를 배웠습니다. [css]드롭다운 메뉴 만들기(기초) [링크를 가진 단순 메뉴] menu1 menu2 menu3 이것을 1단 메뉴라고 한다면, 주 메뉴를 클릭했을 때 부 메뉴가 나오는 2단 메뉴를 만들면 다음과 같습니다. [2단 메뉴 만들기] 1. 2단 목록 만들기 html menu1 menu2 sub menu1 sub menu2 sub menu3 menu3 파란색이 1단 메뉴라면 빨간색 부분이 2단 메뉴에 해당 ▶실행화면 우선 2단 메뉴를 숨겨 놓고, 1단 메뉴에 마우스 오버했을 때 부 메뉴를 드러내야 되겠지요. 2. 부 메뉴를 숨겨 놓기 ul ul {display:none;} 3. 주 메뉴에 마우스 오버했을 때 부 메뉴 표시하기.. 2014. 12. 2. 이전 1 다음 반응형
