아래 예제 하나 만들었습니다. 응용해서 사용하세요..
그대로 긁어서 html문서에서 넣어서 확인해보시면 금방 알수 있을 겁니다.

<span onmouseover="menu1.style.visibility='visible'" onmouseout="menu1.style.visibility='hidden'">메뉴 1</span>
<span onmouseover="menu2.style.visibility='visible'" onmouseout="menu2.style.visibility='hidden'">메뉴 2</span>
<span onmouseover="menu3.style.visibility='visible'" onmouseout="menu3.style.visibility='hidden'">메뉴 3</span>
<span onmouseover="menu4.style.visibility='visible'" onmouseout="menu4.style.visibility='hidden'">메뉴 4</span>

<DIV id=menu1 style="width:200;height:200;border:solid 3 navy;position:absolute;left:300;top:100;visibility:hidden">1번내용</DIV>
<DIV id=menu2 style="width:200;height:200;border:solid 3 red;position:absolute;left:300;top:100;visibility:hidden">2번내용</DIV>
<DIV id=menu3 style="width:200;height:200;border:solid 3 blue;position:absolute;left:300;top:100;visibility:hidden">3번내용</DIV>
<DIV id=menu4 style="width:200;height:200;border:solid 3 black;position:absolute;left:300;top:100;visibility:hidden">4번내용</DIV>

legend님의 소스를 보고 궁금한 점이 있어서 올립니다..

지금은 마우스 오버시 아래내용이 바뀌는데...

메뉴 클릭시 바뀌게 할려면 어떻게 하나요?? ^^;;

그리고 만약에 내용이 이미지라면...그래서 앞 이미지에서 메뉴버튼 클릭시 변하는 이미지와

서서히 겹치기로 바뀌는 걸 할려면?? ^^ 트랜지션이라고 하나요?

두개의 이미지기ㅏ fade in, fade out 되는 ^^

알려주세용.