프로그램 질문이요!!!

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,303
17년 전 조회 3,112
17년 전 조회 2,659
17년 전 조회 2,221
17년 전 조회 2,239
17년 전 조회 1,984
17년 전 조회 2,423
17년 전 조회 2,200
17년 전 조회 2,159
17년 전 조회 2,053
17년 전 조회 1,372
17년 전 조회 2,005
17년 전 조회 2,415
17년 전 조회 2,499
17년 전 조회 1,819
17년 전 조회 1,685
17년 전 조회 1,542
17년 전 조회 2,769
17년 전 조회 2,849
17년 전 조회 2,255
17년 전 조회 2,598
17년 전 조회 2,906
17년 전 조회 1,500
17년 전 조회 1,358
17년 전 조회 6,522
17년 전 조회 1,359
17년 전 조회 1,812
17년 전 조회 1,967
17년 전 조회 1,277
17년 전 조회 1,355
17년 전 조회 2,061
17년 전 조회 1,701
17년 전 조회 3,820
17년 전 조회 1,386
17년 전 조회 2,103
17년 전 조회 1,346
17년 전 조회 1,582
17년 전 조회 2,567
17년 전 조회 2,209
17년 전 조회 1,203
17년 전 조회 1,221
17년 전 조회 1,286
17년 전 조회 6,233
17년 전 조회 6,045
17년 전 조회 2,222
17년 전 조회 1,197
17년 전 조회 1,306
17년 전 조회 2,279
17년 전 조회 1,677
17년 전 조회 1,339
17년 전 조회 1,360
17년 전 조회 1,303
17년 전 조회 1,240
17년 전 조회 4,151
17년 전 조회 2,364
17년 전 조회 1,806
17년 전 조회 2,954
17년 전 조회 1,648
17년 전 조회 1,327
17년 전 조회 1,361
17년 전 조회 1,411
17년 전 조회 1,307
17년 전 조회 1,409
17년 전 조회 2,590
17년 전 조회 4,390
17년 전 조회 1,359
17년 전 조회 4,129
17년 전 조회 4,278
17년 전 조회 1,390
17년 전 조회 2,361
17년 전 조회 1,811
17년 전 조회 3,400
17년 전 조회 1,544
17년 전 조회 3,788
17년 전 조회 3,579
17년 전 조회 2,760
17년 전 조회 3,122
17년 전 조회 2,818
17년 전 조회 2,142
17년 전 조회 3,496
17년 전 조회 2,826
17년 전 조회 3,712
17년 전 조회 1,325
17년 전 조회 2,438
17년 전 조회 1,504
17년 전 조회 1,367
17년 전 조회 1,245
17년 전 조회 1,230
17년 전 조회 1,611
17년 전 조회 3,046
17년 전 조회 3,436
17년 전 조회 3,190
17년 전 조회 2,074
17년 전 조회 4,190
17년 전 조회 1,595
17년 전 조회 1,305
17년 전 조회 1,422
17년 전 조회 1,291
17년 전 조회 1,536
17년 전 조회 1,914