서관덕의 시간이 머문 작은공간™
서쌤의 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
  • 맥스2008
  • 웹디자인 팁
  • 포토샵 과제
  • 플래시 과제
  • 플래시 소스
  • 판넬 구성
  • 분위기 셋팅
  • IT뉴스
  • 초급인테리어 과제
  • 초급 건축 과제
  • 팁
  • 중급 인테리어 과제
  • 3D 그래픽용 과제
  • 메카닉 디자인 과제
  • 맥스 설치방법
  • css 스타일 시트
  • 제품디자인 과제
  • 플래시 작동코드
  • 모션그래픽 자료
  • 일러스트 과제
  • 브레이 설치법
  • 자바스크립트
  • 액션스크립트
  • 잴감소스
  • 사이트 템플릿
  • 중급 건축 과제
  • 웹디자인 과제

최근 댓글

최근 글

티스토리

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

서쌤의 ARTCG

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

getURL로 간단한 html div showhide 하기

2008. 5. 6. 17:32
html 측 스크립트 내용 및 레이아웃 구성
<head>
.
.
<script type="text/javascript">
function showhide(obj) {  // 플래시 또는 html에서 오브젝트id명에 의한 호출
var el = document.getElementById(obj);  // 호출된 id를 el 변수로 치환
if ( el.style.display != 'none' ) { // 만약 el 이 none이 아니면
el.style.display = 'none';   // el를 숨기고
} else {
el.style.display = ''; // el를 나타내라
}
}
</script>
.
.
</head>

<body>
여기에는 플래시 플레이어가 들어가겠죠..^^


<!-- id="abc" 는 오브젝트id, style="display:none"는 해당 오브젝트를 숨기겠다는 스타일 -->
<div id="abc" style="display:none">
div 가 처음에는 숨겨져 있다가 오버하면 보이고,<br />
다시 내려가면 숨겨집니다.
</div>

</body>



================


플래시 스크립트 측


해당 버튼을 선택하고 F9번 키를 눌러 스크립트 창에 아래와 같이 넣으습니다.

on (rollOver) {  //마우스포인터가 해당 버튼에 올라갔을 때
getURL("showhide('abc')");  //자바스크립트 를 작동시키라
}
on (rollOut) {  //마우스 포이터가 해당 버튼에서 나갔을 때
getURL("showhide('abc')");  //자바스크립트를 작동시켜라
}

=====



위와 같은 방법으로 작업하시면, 간단하게 div 엘리먼트를 숨기거나 나타낼 수 있습니다.
이것은 하나의 작업형태임으로 다른 방법 또는 비슷한 내용들도 많이 있습니다.
공부 열심히 하세요..^^


제작자 : 서관덕 seogd73@nate.com
뭐, 별 특별한 내용은 없지만, 가져가실 때, 댓글이도 적어주세요..^^
invalid-file

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

플래시 작동 코드 쉽게 쓰는 방법중 그나마 괜찮은 코드  (0) 2008.07.28
플래시 특정시간 동안 멈춰있기..  (0) 2008.05.14
프레임 사이트에서 새로고침시 메인으로 넘어가는 것 방지  (0) 2007.08.30
쿠키를 이용한 레이어 공지창 (오늘 하루 열지 않음 기능을 레이어로)  (0) 2007.08.17
랜덤으로 플래시 출력  (0) 2007.08.16
    '웹디자인 노트/웹관련 튜토리얼' 카테고리의 다른 글
    • 플래시 작동 코드 쉽게 쓰는 방법중 그나마 괜찮은 코드
    • 플래시 특정시간 동안 멈춰있기..
    • 프레임 사이트에서 새로고침시 메인으로 넘어가는 것 방지
    • 쿠키를 이용한 레이어 공지창 (오늘 하루 열지 않음 기능을 레이어로)
    서관덕의 시간이 머문 작은공간™
    서관덕의 시간이 머문 작은공간™

    티스토리툴바