탭 토글 스크립트 [이미지]

전에 올린 탭 토글 스크립트는 class를 적용한 것이고
이번 것은 롤오버 이미지를 사용한 것 이다. 사용 방법은 동일 하며 롤오버 이미지 네이밍 규칙이 있다.
끝부분 on.gif , off.gif

 

이번에는 내용 부분도 넣어 보았다. class를 사용하는 탭 토글도
document.getElementById(‘tab_con_’+i).style.display = (tab==i)? ‘block’ : ‘none’;
해당 소스로 내용 부분의 display를 조정 할수 있을 것 이다.

 

이것 역시 처음 보여질 탭을 설정할수 있다. [개발고려]

탭 토글 스크립트

클릭한 탭 선택 스크립트.
특별히 스크립트 함수를 쓰거나 한것은 없는 일반적인 탭 이다.
ul에 아이디로 구분하여 한페이지에 중첩해서 사용할수 있으며 처음 로딩시 탭을 임의로 선택할 수 있다.

on 이라는 class 명으로 탭 선택 표시를 한다.

 

제일 하단에 tabToggle(‘tab_list_1’,2); 으로 로딩시 선택을 할수 있다. [개발 고려]
당연히 li 태그 안에 class=”on” 으로 첫 탭 선택을 할수 있다.