웹프로그래밍/html

html-Meta(장면전환 효과)

zelkova 2011. 11. 27. 16:40
<목차로 돌아가기>

장면 전환 효과
<meta http-equiv="실행 시기" content="전환 방법(duration=시현 시간, transition=효과 종류)">

 속성 설명 
 page-enter  문서를 열 때
 page-exit  문서를 닫을 때
 blendtrans  점점 밝게 또는 점점 어둡게 나타나도록 설정
 revealtrans  문서 전환 효과 지정
 duration  시현 시간 지정
 transition  24 종류의 장면 효과 지정

버전이 낮은 웹 브라우저의 경우 한글이 깨질 경우를 대비한 Meta
익스플로러
<meta http-equiv="Content-Type" content="text/html;charset=euc-kr">
넷스케이프
<meta http-equiv="content-Type" content="text/html;charset=iso-8859-1">

자동으로 페이지 이동
<meta http-equiv="refresh" content"초 단위의 시간; url=이동할 문서의 전체 경로">
<meta http-equiv="refresh" content="10;url=http://blog.naver.com/whatebag">



<META http-equiv="Pragma" content="no-cache">
<META http-equiv="Expires" content=" Sun, 08 Sep 2011 12:00:00 GMT">
<META http-equiv="Imagetoolbar" content="no">


<META http-equiv="Page-Exit" content="revealtrans(duration=1, transition=23)">

Page-Enter : 페이지 들어갈 때 효과 줌
Page-Exit : 페이지 나올 때 효과 줌

blendtrans : 점점 밝게 또는 점점 어둡게 나타나도록 설정
revealtrans : 문서 전환 효과 지정

duration : 시현 시간 지정
transition별 효과 정리

  • transition=0 사각형 작아지기
  • transition=1 사각형 커지기
  • transition=2 원 작아지기
  • transition=3 원 커지기
  • transition=4 위에서 아래로
  • transition=5 아래이서 위로
  • transition=6 왼쪽에서 오른쪽
  • transition=7 오른쪽에서 왼쪽
  • transition=8 수직 블라인드
  • transition=9 수평 블라인드
  • transition=10 체크무늬 왼쪽에서 오른쪽으로
  • transition=11 체크무늬 위에서 아래로
  • transition=12 랜덤 뿌리기
  • transition=13 수직 2등분 가운데로 모움
  • transition=14 수직 2등분 바깥으로 퍼짐
  • transition=15 수평 2등분 가운데로 모움
  • transition=16 수평 2등분 바깥으로 퍼짐
  • transition=17 45도 오른쪽 위에서 왼쪽 아래로
  • transition=18 45도 오른쪽 아래에서 왼쪽위로
  • transition=19 -45도 왼쪽 위에서 오른쪽 아래로
  • transition=20 -45도 왼쪽 아래에서 오른쪽 위로
  • transition=21 수평 랜덤
  • transition=22 수직 랜덤
  • transition=23 1~22 랜덤 선택


반응형

'웹프로그래밍 > html' 카테고리의 다른 글

HTML의 기본구조와 태그사용방법  (0) 2016.02.23
HTML - 이미지맵  (0) 2013.08.20
HTML  (0) 2011.11.26
html-form-(txt,pw)  (0) 2011.03.21
HTML - FORM태그  (0) 2011.02.11