프로그램 질문이요!!!

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,145
17년 전 조회 2,955
17년 전 조회 2,490
17년 전 조회 2,070
17년 전 조회 2,072
17년 전 조회 1,825
17년 전 조회 2,276
17년 전 조회 2,048
17년 전 조회 2,013
17년 전 조회 1,902
17년 전 조회 1,233
17년 전 조회 1,851
17년 전 조회 2,255
17년 전 조회 2,333
17년 전 조회 1,669
17년 전 조회 1,532
17년 전 조회 1,387
17년 전 조회 2,602
17년 전 조회 2,699
17년 전 조회 2,090
17년 전 조회 2,444
17년 전 조회 2,750
17년 전 조회 1,343
17년 전 조회 1,215
17년 전 조회 6,356
17년 전 조회 1,195
17년 전 조회 1,655
17년 전 조회 1,797
17년 전 조회 1,124
17년 전 조회 1,216
17년 전 조회 1,913
17년 전 조회 1,543
17년 전 조회 3,652
17년 전 조회 1,232
17년 전 조회 1,938
17년 전 조회 1,191
17년 전 조회 1,413
17년 전 조회 2,382
17년 전 조회 2,038
17년 전 조회 1,060
17년 전 조회 1,065
17년 전 조회 1,122
17년 전 조회 6,071
17년 전 조회 5,874
17년 전 조회 2,058
17년 전 조회 1,043
17년 전 조회 1,143
17년 전 조회 2,108
17년 전 조회 1,538
17년 전 조회 1,181
17년 전 조회 1,212
17년 전 조회 1,148
17년 전 조회 1,071
17년 전 조회 3,986
17년 전 조회 2,193
17년 전 조회 1,646
17년 전 조회 2,792
17년 전 조회 1,487
17년 전 조회 1,178
17년 전 조회 1,199
17년 전 조회 1,264
17년 전 조회 1,151
17년 전 조회 1,268
17년 전 조회 2,426
17년 전 조회 4,217
17년 전 조회 1,215
17년 전 조회 3,969
17년 전 조회 4,125
17년 전 조회 1,234
17년 전 조회 2,199
17년 전 조회 1,643
17년 전 조회 3,240
17년 전 조회 1,383
17년 전 조회 3,623
17년 전 조회 3,416
17년 전 조회 2,585
17년 전 조회 2,961
17년 전 조회 2,652
17년 전 조회 1,967
17년 전 조회 3,338
17년 전 조회 2,654
17년 전 조회 3,544
17년 전 조회 1,170
17년 전 조회 2,275
17년 전 조회 1,342
17년 전 조회 1,217
17년 전 조회 1,089
17년 전 조회 1,070
17년 전 조회 1,443
17년 전 조회 2,883
17년 전 조회 3,280
17년 전 조회 3,024
17년 전 조회 1,900
17년 전 조회 4,016
17년 전 조회 1,431
17년 전 조회 1,148
17년 전 조회 1,259
17년 전 조회 1,140
17년 전 조회 1,393
17년 전 조회 1,757