프로그램 질문이요!!!

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,203
17년 전 조회 3,007
17년 전 조회 2,547
17년 전 조회 2,127
17년 전 조회 2,133
17년 전 조회 1,877
17년 전 조회 2,330
17년 전 조회 2,093
17년 전 조회 2,062
17년 전 조회 1,950
17년 전 조회 1,284
17년 전 조회 1,899
17년 전 조회 2,308
17년 전 조회 2,397
17년 전 조회 1,716
17년 전 조회 1,586
17년 전 조회 1,442
17년 전 조회 2,659
17년 전 조회 2,749
17년 전 조회 2,146
17년 전 조회 2,495
17년 전 조회 2,800
17년 전 조회 1,400
17년 전 조회 1,256
17년 전 조회 6,406
17년 전 조회 1,256
17년 전 조회 1,709
17년 전 조회 1,849
17년 전 조회 1,174
17년 전 조회 1,268
17년 전 조회 1,961
17년 전 조회 1,600
17년 전 조회 3,707
17년 전 조회 1,287
17년 전 조회 1,988
17년 전 조회 1,244
17년 전 조회 1,471
17년 전 조회 2,439
17년 전 조회 2,097
17년 전 조회 1,108
17년 전 조회 1,120
17년 전 조회 1,178
17년 전 조회 6,123
17년 전 조회 5,925
17년 전 조회 2,113
17년 전 조회 1,101
17년 전 조회 1,203
17년 전 조회 2,154
17년 전 조회 1,582
17년 전 조회 1,236
17년 전 조회 1,260
17년 전 조회 1,194
17년 전 조회 1,131
17년 전 조회 4,031
17년 전 조회 2,247
17년 전 조회 1,692
17년 전 조회 2,839
17년 전 조회 1,543
17년 전 조회 1,224
17년 전 조회 1,254
17년 전 조회 1,316
17년 전 조회 1,201
17년 전 조회 1,310
17년 전 조회 2,478
17년 전 조회 4,266
17년 전 조회 1,265
17년 전 조회 4,018
17년 전 조회 4,174
17년 전 조회 1,287
17년 전 조회 2,251
17년 전 조회 1,693
17년 전 조회 3,299
17년 전 조회 1,433
17년 전 조회 3,677
17년 전 조회 3,474
17년 전 조회 2,633
17년 전 조회 3,005
17년 전 조회 2,705
17년 전 조회 2,023
17년 전 조회 3,383
17년 전 조회 2,709
17년 전 조회 3,594
17년 전 조회 1,211
17년 전 조회 2,329
17년 전 조회 1,396
17년 전 조회 1,266
17년 전 조회 1,138
17년 전 조회 1,121
17년 전 조회 1,498
17년 전 조회 2,932
17년 전 조회 3,331
17년 전 조회 3,072
17년 전 조회 1,953
17년 전 조회 4,059
17년 전 조회 1,480
17년 전 조회 1,206
17년 전 조회 1,315
17년 전 조회 1,188
17년 전 조회 1,436
17년 전 조회 1,800