탭메뉴 소스입니다. 작은 공간안에서 유용하게 사용되죠.
먼저 head와 /head 사이에 아래 스크립늗 삽입합니다.

<script type="text/javascript">
<!--
var imagesA = [
"images/tab_menu01.gif",
"images/tab_menu02.gif",
"images/tab_menu03.gif",
"images/tab_menu04.gif",
];

var imagesB = [
"images/tab_menu01_a.gif",
"images/tab_menu02_a.gif",
"images/tab_menu03_a.gif",
"images/tab_menu04_a.gif",
];

function clickview(num,size) {
        for (i=0;i<size;i++)
        {
                menu=eval("document.all.answer"+i+".style");
                if (num==i) {
                        eval("document.images.img0"+(i+1)).src=imagesB[i];
                        menu.display="block";
                }else{
                        eval("document.images.img0"+(i+1)).src=imagesA[i];
                        menu.display="none";
                }
        }
}
//-->
</script>

두번째로 클릭할 버튼이나 텍스트에 아래소스 형식으로 적습니다.
<a href="javascript:clickview('0','4');">테스트나 이미지</a> 여기에서 0.4 <==는 0은 맨처음 보일 메뉴 4는 메뉴수 입니다.
마지막으로 클릭해서 보일페이지를 위에 형식에 맞게 <SPAN id=answer0 style="DISPLAY: block">처음보일페이지</span> 이고 두번째로 보일 페이지부터는 <SPAN id=answer1 style="DISPLAY: none">두번째 내용,세번째내용....</span>
이런식으로 하시면 되겠습니다. 제홈메인에 탭방식과 비슷한 형식입니다.