프리랜서 웹디자이너 웹퍼블리셔RELATION

RELATION 로고

홈페이지 소스

[HTML] 메뉴를 클릭시 div 를 보였다 안보였다 하기

2013.05.24
북마크 작성자 정보
<!--

<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가 클릭한 것만 보이도록 함.


-->

이 포스트 공유하기

전체목록