메뉴 네비게이션 03

총 3가지 형식의 메뉴 네비게이션입니다.
저도 아직은 공부하면서 디자인을 적용해 보았습니다.
3가지 메뉴의 css는 동일합니다. 스크립를 통해 메뉴 형식에 변화를 주었습니다.
크로스 브라우징 화환됩니다.

네비게이션 01 예제 접속 시 첫번째 메뉴만 열려있는 상태입니다. 메뉴 클릭 시 서브 메뉴가 오픈되며, 한 번 더 클릭 시 서브 메뉴가 닫히게 됩니다.
네비게이션 02 예제 접속 시 메뉴 저체가 닫혀있는 상태입니다. 메뉴 클릭 시 서브 메뉴가 오픈되며, 한 번 더 클릭 시 서브 메뉴가 닫히게 됩니다.
네비게이션 03 예제 접속 시 메뉴 저체가 닫혀있는 상태입니다. 메뉴 클릭 시 다른 서브 메뉴가 닫히는 형식입니다.

네비게이션 배경은 변경이 가능합니다. style.css 의 .lnb 에서 background 변경하시면 됩니다. 배경이 흰색인 경우는 텍스트 색상은 변경하셔야 합니다.
오른쪽 플러스 마이너스 버튼은 png로 배경 변경 시 영향을 주지 않습니다.
아직은 부족한 부분이 다소 있지만 계속 해서 다른 효과의 다른 디자인으로 꾸준한 업데이트 기대해주세요.
궁금한 부분은 메시지 남겨 주시기 바랍니다.
감사합니다.

네비게이션 다운로드 3가지 방식의 네비게이션 묶어 두었습니다.