프로그램 질문이요!!!

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,167
17년 전 조회 2,968
17년 전 조회 2,513
17년 전 조회 2,092
17년 전 조회 2,094
17년 전 조회 1,836
17년 전 조회 2,296
17년 전 조회 2,066
17년 전 조회 2,028
17년 전 조회 1,920
17년 전 조회 1,252
17년 전 조회 1,870
17년 전 조회 2,272
17년 전 조회 2,358
17년 전 조회 1,689
17년 전 조회 1,548
17년 전 조회 1,402
17년 전 조회 2,621
17년 전 조회 2,721
17년 전 조회 2,112
17년 전 조회 2,461
17년 전 조회 2,771
17년 전 조회 1,358
17년 전 조회 1,225
17년 전 조회 6,371
17년 전 조회 1,220
17년 전 조회 1,678
17년 전 조회 1,817
17년 전 조회 1,143
17년 전 조회 1,235
17년 전 조회 1,935
17년 전 조회 1,559
17년 전 조회 3,661
17년 전 조회 1,255
17년 전 조회 1,950
17년 전 조회 1,209
17년 전 조회 1,430
17년 전 조회 2,401
17년 전 조회 2,062
17년 전 조회 1,076
17년 전 조회 1,083
17년 전 조회 1,136
17년 전 조회 6,085
17년 전 조회 5,891
17년 전 조회 2,082
17년 전 조회 1,062
17년 전 조회 1,165
17년 전 조회 2,123
17년 전 조회 1,556
17년 전 조회 1,200
17년 전 조회 1,226
17년 전 조회 1,167
17년 전 조회 1,095
17년 전 조회 4,000
17년 전 조회 2,211
17년 전 조회 1,659
17년 전 조회 2,810
17년 전 조회 1,508
17년 전 조회 1,194
17년 전 조회 1,222
17년 전 조회 1,283
17년 전 조회 1,173
17년 전 조회 1,282
17년 전 조회 2,441
17년 전 조회 4,234
17년 전 조회 1,235
17년 전 조회 3,983
17년 전 조회 4,136
17년 전 조회 1,252
17년 전 조회 2,219
17년 전 조회 1,662
17년 전 조회 3,255
17년 전 조회 1,401
17년 전 조회 3,643
17년 전 조회 3,438
17년 전 조회 2,605
17년 전 조회 2,977
17년 전 조회 2,668
17년 전 조회 1,988
17년 전 조회 3,350
17년 전 조회 2,669
17년 전 조회 3,562
17년 전 조회 1,183
17년 전 조회 2,292
17년 전 조회 1,361
17년 전 조회 1,239
17년 전 조회 1,104
17년 전 조회 1,090
17년 전 조회 1,458
17년 전 조회 2,901
17년 전 조회 3,294
17년 전 조회 3,038
17년 전 조회 1,918
17년 전 조회 4,025
17년 전 조회 1,447
17년 전 조회 1,168
17년 전 조회 1,278
17년 전 조회 1,153
17년 전 조회 1,405
17년 전 조회 1,771