테스트 사이트 - 개발 중인 베타 버전입니다
SIR

프로그램 질문이요!!!

다쳐
프로필 보기이 회원 글보기
 · 17년 전 · 1480 · 2
ex.jpg
이미지 처럼요..
1메뉴를 클릭하면 그것에 대한 내용이 나오고..
2메뉴를 클릭하면 내용이 나오게 하는 프로그램 가르켜 주세요..
div를 이용하여 하는거 같은데..
자바스크립트에서 어떻게 해야하는지.. 모르겟어요..ㅠ.ㅠ

첨부파일

ex.jpg (12.2 KB, 1회)
목록
이전글 다음글

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 2개

아드리안
프로필 보기이 회원 글보기
 17년 전
<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년 전
와우~~ 고마워요~~~ 몇일 끙끙댓었는뎅.. 고맙습니다

게시글 목록

번호 제목
407
개발자 가입처리 추가 문의입니다.
406
개발자 메일보내기~도와주세요~
403
개발자 XML 객체 불러오기 아시는분.. 2
400
개발자 프로그램 질문이요!!! 2 현재글
397
개발자 디비연동하여서 막대그래프 표현. 2
394
개발자 원격으로 좀 도와주실분 계신가요? 2
391
개발자 디비값 저장하기. 2
388
개발자 영카트 상품 일괄 등록 기능 있나요? 2
386
개발자 metaWeblog 에 대한 질문 입니다.. 한글 제대로 출력 되지 않습니다... 1
384
개발자 항공 실시간 검색후 결과값에 맞으면 경고창 띄우기 1
379
디자이너 김거성님 포토샵에서 PNG 투명배경이미지 사용하기 좀 알려주세요,*^^* 4
378
개발자 ▶▶▶ 프로그래머 구합니다 ◀◀◀
375
개발자 트래픽 제한으로 403에러를 발생하는 경우가 있나요? 2
373
개발자 속도제한 적용하면 홈 느려지고 cpu사용량 늘어나나요? 1
365
디자이너 끝이 둥근 이미지인데 끝이 부드럽지가 않아요.. 7
363
디자이너 플래시 링크 걸기 질문??? 1
361
개발자 서버호스팅에 대한 조언좀 부탁드립니다.. 1
358
디자이너 직업학교에서 3D MAX를 배우긴하는데요. 2
353
개발자 [질문]한국어 영문 전환시 URL 변경 문의 4
349
개발자 [질문] LINUX 도메인서버 도메인 사용하기 ? 3
347
디자이너 포토샵에서 폰트가 이상하게 나오는데요? 1
341
디자이너 문자디자인 질문입니다. 5
337
개발자 사이트 가입시 로그인 방법 3
328
디자이너 웹표준 2.0이 완전히 표준화가 되면 html 코딩된 사이트는?? 8
321
디자이너 포토샵 배경 제거 해 주실 분~~!! 6
317
디자이너 어도비사의 인디자인 은 뭐하는 프로그램인가요? 3
314
개발자 프로그램 제작 의뢰 2
312
개발자 플래시버튼. 1
310
개발자 최근게시물을 특정필드값에따라 다르게뽑는법(도와주세요~) 1
309
개발자 플래시관련.
이전 다음
전체 목록