프로그램 질문이요!!!

ex.jpg
이미지 처럼요..
1메뉴를 클릭하면 그것에 대한 내용이 나오고..
2메뉴를 클릭하면 내용이 나오게 하는 프로그램 가르켜 주세요..
div를 이용하여 하는거 같은데..
자바스크립트에서 어떻게 해야하는지.. 모르겟어요..ㅠ.ㅠ

첨부파일

ex.jpg (12.2 KB)
0회 2008-06-05 15:33
|

댓글 2개

<html>
<head>
<title>div Tab menu</title>
</head>

<body>
<script language="JavaScript">
function tabmenu(i) {
if(i==1) {
document.getElementById("tab01").style.display = 'block';
document.getElementById("tab02").style.display = 'none';
document.getElementById("tab03").style.display = 'none';
}
else if(i==2) {
document.getElementById("tab01").style.display = 'none';
document.getElementById("tab02").style.display = 'block';
document.getElementById("tab03").style.display = 'none';
}
else if(i==3) {
document.getElementById("tab01").style.display = 'none';
document.getElementById("tab02").style.display = 'none';
document.getElementById("tab03").style.display = 'block';
}
}
</script>
<div style="width:1000px;">
<div style="folat:right; text-align:right;">
<a href="javascript:tabmenu(1);">메뉴 1</a>
<a href="javascript:tabmenu(2);">메뉴 2</a>
<a href="javascript:tabmenu(3);">메뉴 3</a>
</div>
<p />
<div id="tab01" style="display:block; border:1px solid black; height:50px;">
메뉴 1의 게시물
</div>
<div id="tab02" style="display:none; border:1px solid black; height:50px;">
메뉴 2의 게시물
</div>
<div id="tab03" style="display:none; border:1px solid black; height:50px;">
메뉴 3의 게시물
</div>
</div>
</body>
</html>


이렇게 하면 되는지 모르겠습니다.

일단 메뉴3번까지만 해 보았습니다..^^
와우~~ 고마워요~~~ 몇일 끙끙댓었는뎅.. 고맙습니다
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

+
제목 글쓴이 날짜 조회
17년 전 조회 1,367
17년 전 조회 3,162
17년 전 조회 2,718
17년 전 조회 2,285
17년 전 조회 2,311
17년 전 조회 2,047
17년 전 조회 2,485
17년 전 조회 2,278
17년 전 조회 2,222
17년 전 조회 2,119
17년 전 조회 1,424
17년 전 조회 2,074
17년 전 조회 2,474
17년 전 조회 2,565
17년 전 조회 1,878
17년 전 조회 1,733
17년 전 조회 1,606
17년 전 조회 2,823
17년 전 조회 2,905
17년 전 조회 2,317
17년 전 조회 2,665
17년 전 조회 2,966
17년 전 조회 1,565
17년 전 조회 1,406
17년 전 조회 6,589
17년 전 조회 1,418
17년 전 조회 1,869
17년 전 조회 2,025
17년 전 조회 1,339
17년 전 조회 1,416
17년 전 조회 2,108
17년 전 조회 1,757
17년 전 조회 3,882
17년 전 조회 1,449
17년 전 조회 2,156
17년 전 조회 1,401
17년 전 조회 1,643
17년 전 조회 2,621
17년 전 조회 2,269
17년 전 조회 1,257
17년 전 조회 1,273
17년 전 조회 1,337
17년 전 조회 6,289
17년 전 조회 6,108
17년 전 조회 2,289
17년 전 조회 1,265
17년 전 조회 1,376
17년 전 조회 2,341
17년 전 조회 1,737
17년 전 조회 1,393
17년 전 조회 1,422
17년 전 조회 1,350
17년 전 조회 1,307
17년 전 조회 4,211
17년 전 조회 2,426
17년 전 조회 1,872
17년 전 조회 3,014
17년 전 조회 1,706
17년 전 조회 1,379
17년 전 조회 1,428
17년 전 조회 1,473
17년 전 조회 1,373
17년 전 조회 1,468
17년 전 조회 2,652
17년 전 조회 4,461
17년 전 조회 1,417
17년 전 조회 4,183
17년 전 조회 4,338
17년 전 조회 1,446
17년 전 조회 2,421
17년 전 조회 1,867
17년 전 조회 3,461
17년 전 조회 1,605
17년 전 조회 3,851
17년 전 조회 3,658
17년 전 조회 2,825
17년 전 조회 3,176
17년 전 조회 2,889
17년 전 조회 2,196
17년 전 조회 3,559
17년 전 조회 2,887
17년 전 조회 3,776
17년 전 조회 1,383
17년 전 조회 2,499
17년 전 조회 1,563
17년 전 조회 1,420
17년 전 조회 1,303
17년 전 조회 1,297
17년 전 조회 1,663
17년 전 조회 3,107
17년 전 조회 3,495
17년 전 조회 3,252
17년 전 조회 2,138
17년 전 조회 4,251
17년 전 조회 1,641
17년 전 조회 1,360
17년 전 조회 1,475
17년 전 조회 1,351
17년 전 조회 1,589
17년 전 조회 1,970