프로그램 질문이요!!!

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,276
17년 전 조회 3,090
17년 전 조회 2,638
17년 전 조회 2,205
17년 전 조회 2,218
17년 전 조회 1,963
17년 전 조회 2,401
17년 전 조회 2,180
17년 전 조회 2,137
17년 전 조회 2,027
17년 전 조회 1,351
17년 전 조회 1,980
17년 전 조회 2,390
17년 전 조회 2,477
17년 전 조회 1,792
17년 전 조회 1,659
17년 전 조회 1,522
17년 전 조회 2,742
17년 전 조회 2,827
17년 전 조회 2,231
17년 전 조회 2,579
17년 전 조회 2,883
17년 전 조회 1,480
17년 전 조회 1,343
17년 전 조회 6,496
17년 전 조회 1,337
17년 전 조회 1,797
17년 전 조회 1,936
17년 전 조회 1,255
17년 전 조회 1,331
17년 전 조회 2,039
17년 전 조회 1,678
17년 전 조회 3,792
17년 전 조회 1,366
17년 전 조회 2,073
17년 전 조회 1,323
17년 전 조회 1,561
17년 전 조회 2,544
17년 전 조회 2,185
17년 전 조회 1,180
17년 전 조회 1,200
17년 전 조회 1,264
17년 전 조회 6,213
17년 전 조회 6,018
17년 전 조회 2,201
17년 전 조회 1,172
17년 전 조회 1,285
17년 전 조회 2,254
17년 전 조회 1,657
17년 전 조회 1,314
17년 전 조회 1,338
17년 전 조회 1,284
17년 전 조회 1,215
17년 전 조회 4,128
17년 전 조회 2,343
17년 전 조회 1,789
17년 전 조회 2,932
17년 전 조회 1,624
17년 전 조회 1,309
17년 전 조회 1,334
17년 전 조회 1,392
17년 전 조회 1,277
17년 전 조회 1,386
17년 전 조회 2,567
17년 전 조회 4,371
17년 전 조회 1,341
17년 전 조회 4,101
17년 전 조회 4,256
17년 전 조회 1,370
17년 전 조회 2,333
17년 전 조회 1,781
17년 전 조회 3,378
17년 전 조회 1,523
17년 전 조회 3,764
17년 전 조회 3,556
17년 전 조회 2,736
17년 전 조회 3,102
17년 전 조회 2,793
17년 전 조회 2,116
17년 전 조회 3,468
17년 전 조회 2,801
17년 전 조회 3,684
17년 전 조회 1,294
17년 전 조회 2,422
17년 전 조회 1,481
17년 전 조회 1,342
17년 전 조회 1,224
17년 전 조회 1,203
17년 전 조회 1,586
17년 전 조회 3,025
17년 전 조회 3,412
17년 전 조회 3,168
17년 전 조회 2,049
17년 전 조회 4,163
17년 전 조회 1,571
17년 전 조회 1,282
17년 전 조회 1,397
17년 전 조회 1,271
17년 전 조회 1,509
17년 전 조회 1,892