프로그램 질문이요!!!

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,294
17년 전 조회 3,102
17년 전 조회 2,652
17년 전 조회 2,218
17년 전 조회 2,234
17년 전 조회 1,974
17년 전 조회 2,418
17년 전 조회 2,196
17년 전 조회 2,151
17년 전 조회 2,047
17년 전 조회 1,365
17년 전 조회 2,000
17년 전 조회 2,409
17년 전 조회 2,490
17년 전 조회 1,811
17년 전 조회 1,675
17년 전 조회 1,535
17년 전 조회 2,757
17년 전 조회 2,841
17년 전 조회 2,251
17년 전 조회 2,594
17년 전 조회 2,897
17년 전 조회 1,492
17년 전 조회 1,351
17년 전 조회 6,515
17년 전 조회 1,353
17년 전 조회 1,808
17년 전 조회 1,959
17년 전 조회 1,270
17년 전 조회 1,343
17년 전 조회 2,052
17년 전 조회 1,693
17년 전 조회 3,809
17년 전 조회 1,379
17년 전 조회 2,094
17년 전 조회 1,338
17년 전 조회 1,575
17년 전 조회 2,561
17년 전 조회 2,206
17년 전 조회 1,192
17년 전 조회 1,218
17년 전 조회 1,280
17년 전 조회 6,225
17년 전 조회 6,041
17년 전 조회 2,217
17년 전 조회 1,189
17년 전 조회 1,300
17년 전 조회 2,275
17년 전 조회 1,669
17년 전 조회 1,331
17년 전 조회 1,352
17년 전 조회 1,297
17년 전 조회 1,228
17년 전 조회 4,142
17년 전 조회 2,358
17년 전 조회 1,804
17년 전 조회 2,947
17년 전 조회 1,637
17년 전 조회 1,321
17년 전 조회 1,349
17년 전 조회 1,406
17년 전 조회 1,301
17년 전 조회 1,402
17년 전 조회 2,585
17년 전 조회 4,384
17년 전 조회 1,350
17년 전 조회 4,118
17년 전 조회 4,272
17년 전 조회 1,378
17년 전 조회 2,356
17년 전 조회 1,801
17년 전 조회 3,393
17년 전 조회 1,539
17년 전 조회 3,784
17년 전 조회 3,572
17년 전 조회 2,752
17년 전 조회 3,116
17년 전 조회 2,814
17년 전 조회 2,137
17년 전 조회 3,488
17년 전 조회 2,819
17년 전 조회 3,702
17년 전 조회 1,311
17년 전 조회 2,432
17년 전 조회 1,496
17년 전 조회 1,356
17년 전 조회 1,235
17년 전 조회 1,227
17년 전 조회 1,598
17년 전 조회 3,037
17년 전 조회 3,430
17년 전 조회 3,180
17년 전 조회 2,067
17년 전 조회 4,176
17년 전 조회 1,582
17년 전 조회 1,299
17년 전 조회 1,411
17년 전 조회 1,286
17년 전 조회 1,523
17년 전 조회 1,908