탭메뉴 자바스크립트 관련 질문드려요..
초코향
안녕하세요..
작업을 하다가 자바스크립트에서 막혀서 질문드립니다.
텝메뉴를 클릭하면 그 해당 내용이 나오게 하려는데요.
클릭할시 탭메뉴이미지가 on이미지로 바뀌면서 텝에 해당되는 내용으로나오게 하고싶습니다.
텝메뉴는 h4태그로 작업했고 탭이 4개고 4개중 하나만 보이게하고 나머지 3개의 내용은 display:none;으로 적용시켰습니다.
자바스크립트를 연동하려니 도통 뭐가뭔지 잘 몰라서 여쭤봅니다꾸벅 ㅠㅠ
이해를 돕고자 해당소스는..
div id=all class=all
h4 id=tabNavi1a href=#img src=1.gif alt=탭제목1 //a/h4
!-- content_table --
div id=tabscon1 class=content_table1
div class=1_box내용 블라블라 /div
/div!-- //content_table --
h4 id=tabNavi2a href=#img src=1.gif alt=탭제목2 //a/h4
!-- content_table --
div id=tabscon2 class=content_table2
div class=2_box내용 블라블라 /div
/div!-- //content_table --
h4 id=tabNavi3a href=#img src=1.gif alt=탭제목3 //a/h4
!-- content_table --
div id=tabscon3 class=content_table3
div class=3_box내용 블라블라 /div
/div!-- //content_table --
h4 id=tabNavi1a href=#img src=1.gif alt=탭제목4 //a/h4
!-- content_table --
div id=tabscon4 class=content_table4
div class=4_box내용 블라블라 /div
/div!-- //content_table --
/div
-
가람슬기 2026-03-27
hook을 너무 비효율적으로 달으셨어요 ㅎㅎ
content_table1~4까지 잇는것은 그냥 하나로 통일시켜주고여
뭐 저 또한 이해를 쉽게 하기 위해 소스코딩을 해보자면
var obj_h4 = document.getElementsByTagName(\h4\)
for (var i=0; iobj_h4.length; i++) {
init(obj_h4[i],i)
}
function init(obj,num) {
var con = $(\.content_table\)
| 번호 | 제 목 | 글쓴이 | 날짜 |
|---|---|---|---|
| 2752024 | 소숫점 뺄셈 !! ㅠㅜ | 초롬 | 2026-10-20 |
| 2751970 | 자바 게임 만들려는데 부탁드립니다 (1) | 라온제나 | 2026-10-19 |
| 2751908 | 자바스크립트 처리속도를 체크할 수 있는 방법 있나요? (1) | 테이 | 2026-10-19 |
| 2751822 | 그누보드 아이프레임으로 구현했는데 제목 클릭해서 들어가면 푸터가 동동...떠다녀요 | 내꺼하자 | 2026-10-18 |
| 2751790 | 자바 그래픽 관련을 공부하고 싶은데요.. 어디 좋은 사이트나 책 없을까요?? (1) | 큰재 | 2026-10-18 |
| 2751733 | CTF가머죠? (5) | 두동 | 2026-10-17 |
| 2751709 | 배열부분 궁금한 부분이있습니다. | 딸기우유 | 2026-10-17 |
| 2751677 | 포인터 책을 보다가,,, (2) | 동백 | 2026-10-17 |
| 2751648 | 익스플로 버전에 따라서 생기는 공백.. (1) | 모아 | 2026-10-17 |
| 2751623 | DEL 태그의에서 선굵기 및 컬러지정이 가능한가 해서요~ (4) | 비치나 | 2026-10-16 |
| 2751573 | 테마 업로드 에러.. (1) | 꽃 | 2026-10-16 |
| 2751548 | 수학? 물리?? (3) | 찬늘 | 2026-10-16 |
| 2751461 | 상단네비 fixed ie6 핵 해결방안이 있을까요? | 맑다 | 2026-10-15 |
| 2751436 | 레이아웃을 잡고 코딩을 하는데 드림위버에서의 결과와 IE에서 결과가 다르게 나오네요. (3) | 키클 | 2026-10-15 |
| 2751403 | 형들좀도와주세요string compression (1) | 알렉산더 | 2026-10-14 |
| 2751349 | 링크 다운로드하기 | 팬지 | 2026-10-14 |
| 2751295 | c++한번도 손않댄 사람이... | 날위해 | 2026-10-13 |
| 2751267 | 플래시8 사용에서 플레이어 만들었는데요 (1) | 블1랙캣 | 2026-10-13 |
| 2751182 | 회원가입 | 파랑새 | 2026-10-12 |
| 2751152 | 소셜 플러그인 문제입니다. | 얀 | 2026-10-12 |
