본문 바로가기
웹프로그램

자바스크립트 메뉴를 클릭시 div를 보였다 안보였다 하기

by 세이박스 2008. 11. 7.
반응형

<script language="javascript">
       function best_hide() {
        document.all.best1.style.display="none"; 
        document.all.best2.style.display="none";   
        document.all.best3.style.display="none";
        document.all.best4.style.display="none";
        document.all.best5.style.display="none";      
       }
       function best_show(send) {
        best_hide();
        send.style.display = "";
       }    
</script>
 
//5개의 div 처음 보여줄것 외엔 display:none 처리
<? for($i=1;$i<6;$i++) { ?>
<div id="best<?=$i?>" <? if($i>1) { ?>style="DISPLAY:none"<? } ?>>
 
//5개의 메뉴
<? for($k=1;$k<6;$k++) ?>
<td><a href="#" onfocus='this.blur()' onClick="best_show(best<?=$k?>)"><img src="best_menu_<?=$k?><? if($i==$k>) { ?>b<? } ?>.gif" onmouseover='this.src="best_menu_<?=$k?><? if($i==$k) { ?>b<? } ?>.gif"' onmouseout='this.src="best_menu_<?=$k?><? if($i==$k) { ?>b<? } ?>.gif"' border="0"></a></td>
<? } ?>
 
</div>
<? } ?>
 
메뉴를 누를때 페이지는 그대로이면서 5개의 Div가 클릭한 것만 보이도록 함.
반응형