프로그램 질문이요!!!

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,160
17년 전 조회 2,964
17년 전 조회 2,503
17년 전 조회 2,082
17년 전 조회 2,086
17년 전 조회 1,833
17년 전 조회 2,286
17년 전 조회 2,058
17년 전 조회 2,022
17년 전 조회 1,913
17년 전 조회 1,240
17년 전 조회 1,858
17년 전 조회 2,262
17년 전 조회 2,348
17년 전 조회 1,683
17년 전 조회 1,540
17년 전 조회 1,398
17년 전 조회 2,609
17년 전 조회 2,708
17년 전 조회 2,105
17년 전 조회 2,453
17년 전 조회 2,757
17년 전 조회 1,352
17년 전 조회 1,218
17년 전 조회 6,364
17년 전 조회 1,207
17년 전 조회 1,667
17년 전 조회 1,809
17년 전 조회 1,134
17년 전 조회 1,225
17년 전 조회 1,925
17년 전 조회 1,555
17년 전 조회 3,655
17년 전 조회 1,242
17년 전 조회 1,946
17년 전 조회 1,202
17년 전 조회 1,421
17년 전 조회 2,395
17년 전 조회 2,053
17년 전 조회 1,069
17년 전 조회 1,074
17년 전 조회 1,130
17년 전 조회 6,081
17년 전 조회 5,885
17년 전 조회 2,074
17년 전 조회 1,052
17년 전 조회 1,159
17년 전 조회 2,115
17년 전 조회 1,547
17년 전 조회 1,190
17년 전 조회 1,220
17년 전 조회 1,157
17년 전 조회 1,085
17년 전 조회 3,994
17년 전 조회 2,201
17년 전 조회 1,653
17년 전 조회 2,799
17년 전 조회 1,498
17년 전 조회 1,187
17년 전 조회 1,212
17년 전 조회 1,272
17년 전 조회 1,160
17년 전 조회 1,270
17년 전 조회 2,434
17년 전 조회 4,225
17년 전 조회 1,232
17년 전 조회 3,975
17년 전 조회 4,130
17년 전 조회 1,242
17년 전 조회 2,209
17년 전 조회 1,653
17년 전 조회 3,248
17년 전 조회 1,391
17년 전 조회 3,635
17년 전 조회 3,433
17년 전 조회 2,594
17년 전 조회 2,971
17년 전 조회 2,663
17년 전 조회 1,980
17년 전 조회 3,344
17년 전 조회 2,664
17년 전 조회 3,554
17년 전 조회 1,175
17년 전 조회 2,284
17년 전 조회 1,354
17년 전 조회 1,227
17년 전 조회 1,097
17년 전 조회 1,082
17년 전 조회 1,453
17년 전 조회 2,894
17년 전 조회 3,292
17년 전 조회 3,032
17년 전 조회 1,911
17년 전 조회 4,020
17년 전 조회 1,437
17년 전 조회 1,157
17년 전 조회 1,272
17년 전 조회 1,147
17년 전 조회 1,401
17년 전 조회 1,764