웹디자인기능사 실기 | 메뉴(네비게이션) 유형별 소스

A. 가로형 하단 전체 : 마우스 오버 시 서브 메뉴 전체 아래로 슬라이드 B. 가로형 하단 전체 배경 : 마우스 오버 시 서브 메뉴 전체 아래로 슬라이드 C. 가로형 하단 개별 : 마우스 오버 시 해당 서브 메뉴 아래로 슬라이드 D. 세로형 하단 : 마우스 오버 시 해당 서브 메뉴 아래로 슬라이드 E. 세로형 우측 : 마우스 오버 시 해당 서브 메뉴 우측으로 슬라이드 위의 구분과 같이 5가지 메뉴패턴이 있어요. 가로형에서 A와 B는 색만 반전된 형태고, C는 서브메뉴가 하나만 슬라이드다운 되는 형태입니다. 세로형 D와 E는 서브메뉴가 아래냐 우측이냐 차이입니다. 소스를 볼까요? HTML 형태는 같습니다. (B는 한 줄 추가되는 부분이 있어요.) CSS는 전부 차이가 있습니다. 각각 외워야합니다. Jav..

원문링크 : 웹디자인기능사 실기 | 메뉴(네비게이션) 유형별 소스