그동안 콤보박스 형태의 메뉴를 사용했습니다만..
여러모로 불편한 점이 있었습니다.
우선 메뉴가 그룹화되지 않아서..
16개 메뉴가 한꺼번에 나열된 것이 불편했죠..
이번에는 6개의 메뉴와 나머지를 서브메뉴로 구성했습니다.
자바스크립트를 사용해서 마우스오버시 이미지가 변경되도록 했으며(페이드효과를 주었습니다),
서브메뉴가 오른쪽으로 나타나게 했는데 메인색상을 그라데이션으로 처리해서 반투명효과를 주었습니다. 역시 마우스오버시 이미지 변경의 효과를 주었습니다..

숙원이었던 메뉴를 그럭저럭 변경하게 되어서
마음이 홀가분하네요..

오른쪽으로 나타나는 메뉴구성은 유진데이터의 최광선씨의 도움을 받았습니다...
나머지 스크립트 소스는 모두 웹서핑을 통해서 얻었구요...
상세한 div의 style도 역시 인터넷에서...

느낌이 어떠신지...

ps 당분간 웹페이지 리뉴얼은 그만해야겠네요..ㅋㅋㅋ