프로그램 질문이요!!!

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,439
17년 전 조회 3,211
17년 전 조회 2,773
17년 전 조회 2,338
17년 전 조회 2,364
17년 전 조회 2,104
17년 전 조회 2,551
17년 전 조회 2,338
17년 전 조회 2,274
17년 전 조회 2,181
17년 전 조회 1,494
17년 전 조회 2,124
17년 전 조회 2,546
17년 전 조회 2,618
17년 전 조회 1,937
17년 전 조회 1,788
17년 전 조회 1,668
17년 전 조회 2,893
17년 전 조회 2,972
17년 전 조회 2,375
17년 전 조회 2,722
17년 전 조회 3,023
17년 전 조회 1,629
17년 전 조회 1,465
17년 전 조회 6,648
17년 전 조회 1,484
17년 전 조회 1,937
17년 전 조회 2,080
17년 전 조회 1,401
17년 전 조회 1,486
17년 전 조회 2,176
17년 전 조회 1,822
17년 전 조회 3,927
17년 전 조회 1,514
17년 전 조회 2,217
17년 전 조회 1,469
17년 전 조회 1,692
17년 전 조회 2,676
17년 전 조회 2,325
17년 전 조회 1,318
17년 전 조회 1,336
17년 전 조회 1,394
17년 전 조회 6,357
17년 전 조회 6,164
17년 전 조회 2,341
17년 전 조회 1,335
17년 전 조회 1,451
17년 전 조회 2,397
17년 전 조회 1,805
17년 전 조회 1,465
17년 전 조회 1,478
17년 전 조회 1,407
17년 전 조회 1,359
17년 전 조회 4,258
17년 전 조회 2,488
17년 전 조회 1,925
17년 전 조회 3,068
17년 전 조회 1,757
17년 전 조회 1,432
17년 전 조회 1,486
17년 전 조회 1,541
17년 전 조회 1,428
17년 전 조회 1,534
17년 전 조회 2,717
17년 전 조회 4,512
17년 전 조회 1,479
17년 전 조회 4,233
17년 전 조회 4,395
17년 전 조회 1,525
17년 전 조회 2,482
17년 전 조회 1,925
17년 전 조회 3,527
17년 전 조회 1,667
17년 전 조회 3,911
17년 전 조회 3,713
17년 전 조회 2,885
17년 전 조회 3,251
17년 전 조회 2,950
17년 전 조회 2,249
17년 전 조회 3,611
17년 전 조회 2,955
17년 전 조회 3,836
17년 전 조회 1,467
17년 전 조회 2,559
17년 전 조회 1,633
17년 전 조회 1,488
17년 전 조회 1,373
17년 전 조회 1,361
17년 전 조회 1,731
17년 전 조회 3,155
17년 전 조회 3,554
17년 전 조회 3,315
17년 전 조회 2,187
17년 전 조회 4,317
17년 전 조회 1,695
17년 전 조회 1,438
17년 전 조회 1,556
17년 전 조회 1,419
17년 전 조회 1,660
17년 전 조회 2,034