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

프로그램 질문이요!!!

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

첨부파일

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

댓글 작성

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

로그인하기

댓글 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년 전
와우~~ 고마워요~~~ 몇일 끙끙댓었는뎅.. 고맙습니다

게시글 목록

번호 제목
633
개발자 어제 대량메일을 보냈더니 네이버에서 화가 났나보다 ㅠㅠ 6
632
개발자 appdev.kr 제작 동영상
629
디자이너 디자이너 자유게시판이 생겼군요 ㅎㅎ 2
623
디자이너 포토샵 CS4 와 CS5 에서 어떠한 새로운 기능이 추가되엇는지... 5
621
디자이너 일반적으로 도메인 등록방법과 가격을 알고 싶은데요. 1
618
디자이너 제가 컴터랑 별로 안 친해서 2
616
디자이너 유용한 폰트자료 있는 사이트 좀 아시는 분 1
614
디자이너 브랜드관련해서 유용한 서적 좀 추천해주세요. 1
600
기획자 남의밥상 숟가락기획 기획5초 작업1분50초 (효과만점)아이콘배포 13
594
기획자 기획을 많이 하면??!! 5
590
기획자 기획의 중요성... 3
568
기획자 기획하시는분 계시나요? 질문 21
557
기획자 무료로드려요.(기획3시간,작업기간 17분,제작일 2009년쯤) 10
556
개발자 ncftp와 proftpd 간단한 사용법문의합니다
553
개발자 asp 문의 드려요..상세 페이지 아이프레임 컨트롤 2
550
개발자 힘들다 php 넘 어려워 도와주세요 2
548
개발자 에러 메세지- 도와주세요 1
545
개발자 XMLHttpRequest에 관해 질문드립니다. 2
543
개발자 if문 질문입니다. 1
540
디자이너 자유이미지 다운방법 2
535
개발자 디비연동 셀렉트 박스 선택시 다른 input 박스에 관련값 뿌려주기.. 4
531
개발자 날자비교 최근게시물로 뽑기.. 3
530
개발자 [요청] 단순한 이미지 갤러리 PHP 소스 추천 좀 해주세요.
527
디자이너 자유 이미지에 있는 이미지들을 쓸려면 어떻게 해야 하죠? 2
523
개발자 썸네일 생성 함수인데요.. 페이지 불러올때마다 새로 만들어지는것 같은데;; 3
520
개발자 코드의 설명이 이렇게 되는건지 맞는지요? 2
519
개발자 디비에서 불러온 값을 플래시 막대그래프로 표현하기.
517
개발자 호스팅서버를 받았는데..자꾸 에러가 나네요. 1
515
개발자 팝업창 문의. 1
512
개발자 도와주세요.......제발....ㅠㅜ 2
이전 다음
전체 목록