XE 의  사이트맵(메뉴) 기능을 그대로 이용하면 이 기능이 자동으로 구현될겁니다.

사이트맵에서 메뉴 등록시,  이미지버튼으로  (일반 / 마우스오버시/ 선택시) 에 맞게 등록하시면

XE 레이아웃 기반의 만들어진 메뉴기능으로 구현이 될겁니다.

레이아웃을 안 쓰고, 직접 코딩으로 구현하고픈경우는

구글에서 검색하면 소스가 나올겁니다.

다만, XE 기능을 제대로 쓰려면,  XE 레이아웃기반과  사이트맵 기능을 그대로 활용하시기를 권해드립니다.

레이아웃을 나눠서 각 페이지마다 메뉴색을 다르게 하거나

모듈 조건에 따라 다른 class명을 붙히고 그에 맞는 css를 설정하는 방법등이 있는데...

굳이 복잡하게 할 이유가 있을까 싶습니다.

사실 사용자 입장에서는 메뉴색 바뀌는 것에 큰 관심이....