프로그램 질문이요!!!

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,357
17년 전 조회 3,156
17년 전 조회 2,715
17년 전 조회 2,280
17년 전 조회 2,304
17년 전 조회 2,036
17년 전 조회 2,477
17년 전 조회 2,268
17년 전 조회 2,212
17년 전 조회 2,114
17년 전 조회 1,412
17년 전 조회 2,066
17년 전 조회 2,465
17년 전 조회 2,559
17년 전 조회 1,874
17년 전 조회 1,722
17년 전 조회 1,600
17년 전 조회 2,815
17년 전 조회 2,896
17년 전 조회 2,312
17년 전 조회 2,655
17년 전 조회 2,960
17년 전 조회 1,558
17년 전 조회 1,404
17년 전 조회 6,582
17년 전 조회 1,410
17년 전 조회 1,866
17년 전 조회 2,014
17년 전 조회 1,333
17년 전 조회 1,409
17년 전 조회 2,098
17년 전 조회 1,745
17년 전 조회 3,878
17년 전 조회 1,441
17년 전 조회 2,151
17년 전 조회 1,391
17년 전 조회 1,637
17년 전 조회 2,613
17년 전 조회 2,260
17년 전 조회 1,248
17년 전 조회 1,263
17년 전 조회 1,327
17년 전 조회 6,282
17년 전 조회 6,100
17년 전 조회 2,281
17년 전 조회 1,250
17년 전 조회 1,366
17년 전 조회 2,336
17년 전 조회 1,727
17년 전 조회 1,385
17년 전 조회 1,410
17년 전 조회 1,341
17년 전 조회 1,296
17년 전 조회 4,205
17년 전 조회 2,423
17년 전 조회 1,867
17년 전 조회 3,006
17년 전 조회 1,700
17년 전 조회 1,374
17년 전 조회 1,421
17년 전 조회 1,467
17년 전 조회 1,365
17년 전 조회 1,458
17년 전 조회 2,647
17년 전 조회 4,457
17년 전 조회 1,409
17년 전 조회 4,176
17년 전 조회 4,331
17년 전 조회 1,437
17년 전 조회 2,412
17년 전 조회 1,860
17년 전 조회 3,453
17년 전 조회 1,594
17년 전 조회 3,843
17년 전 조회 3,651
17년 전 조회 2,817
17년 전 조회 3,171
17년 전 조회 2,882
17년 전 조회 2,188
17년 전 조회 3,547
17년 전 조회 2,883
17년 전 조회 3,763
17년 전 조회 1,370
17년 전 조회 2,489
17년 전 조회 1,554
17년 전 조회 1,412
17년 전 조회 1,295
17년 전 조회 1,290
17년 전 조회 1,655
17년 전 조회 3,101
17년 전 조회 3,484
17년 전 조회 3,247
17년 전 조회 2,132
17년 전 조회 4,241
17년 전 조회 1,633
17년 전 조회 1,348
17년 전 조회 1,469
17년 전 조회 1,344
17년 전 조회 1,584
17년 전 조회 1,961