반응형
<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가 클릭한 것만 보이도록 함.
반응형
'웹프로그램' 카테고리의 다른 글
자바스크립트 레이어 팝업소스 오늘하루 이창열지 않기 (0) | 2008.11.07 |
---|---|
자바스크립트 하루동안 안 열리는 팝업 (0) | 2008.11.07 |
자바스크립트 location 으로 새창 띄우기 (0) | 2008.11.07 |
자바스크립트 Internet Explorer 7 에서 self.close 사용하기 (0) | 2008.11.07 |
자바스크립트 div를 이용하여 보였다 안보였다 하기 visibility 이용 (0) | 2008.11.07 |
자바스크립트 입력 내용이 숫자만 입력했는지 체크 (0) | 2008.11.07 |
자바스크립트 클립보드에 내용 복사하기 (0) | 2008.11.07 |
자바스크립트 배우기 - Event 잡아내기 (0) | 2008.11.07 |