서관덕의 시간이 머문 작은공간™
서쌤의 ARTCG
서관덕의 시간이 머문 작은공간™
전체 방문자
오늘
어제
  • 분류 전체보기
    • DesiGn&IT_NEWs
    • DesiGn_Info&Tutor
      • 3D_DesiGn
      • 2D_DesiGn
      • Game_DesiGn
    • 3D디자인 노트
      • 3D_뉴스
      • 3D관련 튜토리얼
      • 초&중급 인테리어
      • 초&중급 건축 디자인
      • 메카닉&제품 디자인
      • 게임&캐릭터 디자인
    • 웹디자인 노트
      • 웹&IT_뉴스
      • 웹관련 튜토리얼
      • 플래시&모션그래픽 과제
      • 드림위버&웹디자인 과제
    • 영상편집디자인 노트
      • 영상관련 뉴스
      • 영상편집 튜토리얼
      • 영상편집 과제
    • 시각디자인 노트
      • 시각디자인 뉴스
      • 작업 튜토리얼
      • 포토샵&시각디자인 과제
      • 일러스트&편집디자인 과제
    • DesiGn 자료실
      • 3D_Data
      • 2D_Data

블로그 메뉴

  • HOME
  • TAG
  • MEDIA LOG
  • GUEST BOOK
  • ADMIN
  • WRITE

공지사항

인기 글

태그

  • 제품디자인 과제
  • cs3
  • 포토샵 활용 팁
  • 플래시 과제
  • 게임 그래픽 과제
  • 분위기 셋팅
  • 포토샵 과제
  • 중급 건축 과제
  • 자바스크립트
  • 플래시 소스
  • 플래시 작동코드
  • 3D 그래픽용 과제
  • 판넬 구성
  • css 스타일 시트
  • 브레이 설치법
  • 초급인테리어 과제
  • 중급 인테리어 과제
  • 맥스 설치방법
  • 웹디자인 과제
  • 모션그래픽 자료
  • 잴감소스
  • IT뉴스
  • 일러스트 과제
  • 초급 건축 과제
  • 맥스2008
  • 사이트 템플릿
  • 팁
  • 웹디자인 팁
  • 액션스크립트
  • 메카닉 디자인 과제

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
서관덕의 시간이 머문 작은공간™

서쌤의 ARTCG

웹디자인 노트/웹관련 튜토리얼

한개 또는 두개이상의 Div ShowHide 하는 스크립트..

2008. 8. 15. 20:14

아래의 코드를 js 파일 또는 head 사이에 넣어주세요...

<script>
// 바로 아래에 있는 코드는 단순한 목적 div만 보이거나 숨길때 쓰는거..
function view_div(num)
  {
    obj_1 = document.getElementById("no_cont");
    obj_2 = document.getElementById("no_cont_1");
    if(num == 1)
    {
      obj_1.style.display = 'block';
      obj_2.style.display = 'none';
    }
    if(num == 2)
    {
      obj_1.style.display = 'none';
      obj_2.style.display = 'block';
    }
  }

// 바로 아래에 있는 코드는 목적 div와 버튼쪽 div도 같이 보이거나 숨길때 쓰는거..
function view_div(num)
  {
    obj_1 = document.getElementById("no_cont");
    obj_2 = document.getElementById("no_cont_1");
  b1_obj_1 = document.getElementById("aa_01");
  b1_obj_2 = document.getElementById("aa_02");
  b2_obj_1 = document.getElementById("bb_01");
  b2_obj_2 = document.getElementById("bb_02");
    if(num == 1)
    {
      obj_1.style.display = 'block';
      obj_2.style.display = 'none';
  b1_obj_1.style.display = 'block';
      b1_obj_2.style.display = 'none';
  b2_obj_1.style.display = 'none';
      b2_obj_2.style.display = 'block';
    }
    if(num == 2)
    {
      obj_1.style.display = 'none';
      obj_2.style.display = 'block';
  b1_obj_1.style.display = 'none';
      b1_obj_2.style.display = 'block';
  b2_obj_1.style.display = 'block';
      b2_obj_2.style.display = 'none';
    }
  }

</script>

'웹디자인 노트 > 웹관련 튜토리얼' 카테고리의 다른 글

트랙백(Trackback)이란?  (0) 2008.09.26
플래시 작동 자바스크립트 파일  (0) 2008.08.25
리얼한 버튼 소스  (0) 2008.08.11
플래시 작동 코드 쉽게 쓰는 방법중 그나마 괜찮은 코드  (0) 2008.07.28
플래시 특정시간 동안 멈춰있기..  (0) 2008.05.14
    '웹디자인 노트/웹관련 튜토리얼' 카테고리의 다른 글
    • 트랙백(Trackback)이란?
    • 플래시 작동 자바스크립트 파일
    • 리얼한 버튼 소스
    • 플래시 작동 코드 쉽게 쓰는 방법중 그나마 괜찮은 코드
    서관덕의 시간이 머문 작은공간™
    서관덕의 시간이 머문 작은공간™

    티스토리툴바