프로그램 질문이요!!!

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,338
17년 전 조회 3,144
17년 전 조회 2,701
17년 전 조회 2,263
17년 전 조회 2,282
17년 전 조회 2,021
17년 전 조회 2,457
17년 전 조회 2,240
17년 전 조회 2,192
17년 전 조회 2,096
17년 전 조회 1,401
17년 전 조회 2,046
17년 전 조회 2,451
17년 전 조회 2,543
17년 전 조회 1,853
17년 전 조회 1,707
17년 전 조회 1,579
17년 전 조회 2,799
17년 전 조회 2,882
17년 전 조회 2,291
17년 전 조회 2,641
17년 전 조회 2,946
17년 전 조회 1,538
17년 전 조회 1,388
17년 전 조회 6,562
17년 전 조회 1,390
17년 전 조회 1,849
17년 전 조회 1,999
17년 전 조회 1,314
17년 전 조회 1,386
17년 전 조회 2,085
17년 전 조회 1,725
17년 전 조회 3,863
17년 전 조회 1,418
17년 전 조회 2,138
17년 전 조회 1,378
17년 전 조회 1,619
17년 전 조회 2,601
17년 전 조회 2,239
17년 전 조회 1,231
17년 전 조회 1,250
17년 전 조회 1,317
17년 전 조회 6,270
17년 전 조회 6,084
17년 전 조회 2,264
17년 전 조회 1,231
17년 전 조회 1,343
17년 전 조회 2,317
17년 전 조회 1,705
17년 전 조회 1,366
17년 전 조회 1,390
17년 전 조회 1,333
17년 전 조회 1,276
17년 전 조회 4,187
17년 전 조회 2,409
17년 전 조회 1,850
17년 전 조회 2,990
17년 전 조회 1,682
17년 전 조회 1,356
17년 전 조회 1,393
17년 전 조회 1,447
17년 전 조회 1,342
17년 전 조회 1,439
17년 전 조회 2,629
17년 전 조회 4,436
17년 전 조회 1,393
17년 전 조회 4,168
17년 전 조회 4,312
17년 전 조회 1,412
17년 전 조회 2,390
17년 전 조회 1,844
17년 전 조회 3,436
17년 전 조회 1,578
17년 전 조회 3,824
17년 전 조회 3,627
17년 전 조회 2,794
17년 전 조회 3,157
17년 전 조회 2,866
17년 전 조회 2,173
17년 전 조회 3,536
17년 전 조회 2,862
17년 전 조회 3,743
17년 전 조회 1,354
17년 전 조회 2,477
17년 전 조회 1,538
17년 전 조회 1,397
17년 전 조회 1,278
17년 전 조회 1,267
17년 전 조회 1,640
17년 전 조회 3,086
17년 전 조회 3,469
17년 전 조회 3,230
17년 전 조회 2,114
17년 전 조회 4,224
17년 전 조회 1,613
17년 전 조회 1,333
17년 전 조회 1,457
17년 전 조회 1,323
17년 전 조회 1,565
17년 전 조회 1,946