웹마스터 팁
IE 전용 페이지 전환시 부드럽게 하기 (퍼옴)
2010.10.29 21:17
퍼온거지만 그래도 필요한 사람이 있을지도 몰라 올려봅니다.
(중복일까 싶어 검색 몇개만 했습니다 )
========================================================
각 페이지 상단의 <head> 와 </head> 사이에 넣으시면 됩니다.
화면이 하얗게 변하면서 자연스레 전환 [페이드인] (in.htm)
<meta http-equiv="page-enter" content="BlendTrans(Duration=0.5)">
<meta http-equiv="page-exit" content="BlendTrans(Duration=0.5)">
오른쪽으로 자연스레 움직이는 화면 전환 (in2.htm)
<meta http-equiv="page-enter" content="progid:DXImageTransform.Microsoft.GradientWipe(GradientSize='0.2', Duration=1.0)">
<meta http-equiv="page-exit" content="progid:DXImageTransform.Microsoft.GradientWipe(GradientSize='0.2', Duration=1.0)">
page-enter는 그 페이지 접속시에 변화를 주는 소스이구요.
page-exit는 그 페이지를 나갈 때 변화를 주는 소스입니다.
타 사이트에서 본사이트로 넘어오실때 이 기능을 넣어주고 싶으시다면..
page-enter부분을 site-enter로 변경하셔서 적용하시면 됩니다.
<meta http-equiv="site-enter" content="BlendTrans(Duration=0.5)">
<meta http-equiv="site-exit" content="BlendTrans(Duration=0.5)">
<meta http-equiv="page-enter" content="BlendTrans(Duration=0.5)">
<meta http-equiv="page-exit" content="BlendTrans(Duration=0.5)">
...로 쓰시면 사이트 접속, 나갈때 페이지 이동시에 페이드인 효과가 적용됩니다.
page만 쓰시면 사이트 접속 및 타사이트 이동시에는 위 효과가 적용되지 않으며..
위 소스는 익스플로어에서는 적용됩니다.
파이어폭스 등 다른 브라우져를 쓰시는 고객님들이 보시기에는 위 효과가 없이 평범하게 나옵니다. ^^;;
content 부분의 필터의 수치를 바꾸거나 위 처럼 필터명만 바꾸시면 다른 방법으로 적용됩니다만..
다른 필터명이 지금 기억이 안나네요..;;
또한 미리보기가 같이 있어야
적용 소스 예시!
<html>
<head>
<title>우리집 쇼핑몰</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<meta http-equiv="site-enter" content="BlendTrans(Duration=0.5)">
<meta http-equiv="site-exit" content="BlendTrans(Duration=0.5)">
<meta http-equiv="page-enter" content="BlendTrans(Duration=0.5)">
<meta http-equiv="page-exit" content="BlendTrans(Duration=0.5)">
</head>
<body>
솰라 솰라 소스 주륵!!
</body>
</html>
===================================================================
댓글 2
-
소렌트.
2010.10.29 21:33
IE 전용이라는 점은 별로 마음에 안드네요...
-
kbj
2010.11.08 18:33
마음에 드는 사람 여기 있습니다. 좋은 팁 정말 감사합니다!!
제목 | 글쓴이 | 날짜 |
---|---|---|
IE 전용 페이지 전환시 부드럽게 하기 (퍼옴) [2] | 오실롯 | 2010.10.29 |
게시판에서는 파일첨부가 되는데 페이지모듈에서 파일첨부가 안 되시는 경우! [1] | sejin7940 | 2010.11.02 |
페이지 모듈에서 파일 업로드시 살아지는 현상 [1] | 조슈아킴 | 2010.11.02 |
메인 페이지 수정이 안되는 경우
![]() | nurungso | 2010.11.07 |
관리자 메인페이지 카운터와 그래프 제거하기 [3] | 도라란 | 2010.11.15 |
XE 속도 0.0001초라도 올리는 소소한 팁들 (추가) [5] | 소렌트. | 2010.11.16 |
게시판 댓글에서 "이 댓글을..." 문구 없애는 방법 [3] | AlcoholJ | 2010.11.19 |
미궁속의 문제점 해결법(2가지) [2] | 박용식 | 2010.11.21 |
개인 홈페이지에서 아주 손쉽게 배경음악을 깔아놓는 법 [5] | 지녁 | 2010.11.25 |
텍스타일 (Textyle) 에서 첨부파일 용량 제한 늘리는 방법. [1] | sejin7940 | 2010.11.27 |
[생초보팁] 페이지 내용 줄간격 css | 에혀라X | 2010.11.30 |
호스팅비 돈아낍시다. 하나의 XE 다중 도메인 사용하기. [10] | kimnada | 2010.12.02 |
[생초보팁] 회원가입시 홈페이지 블로그주소 않나타내기 ㅋ [4] | 에혀라X | 2010.12.05 |
새로운 채팅 서비스 웹톡!
[3]
![]() | 명랑폐인™ | 2010.12.06 |
[생초보팁] 페이지(page) 줄간격과 부분 웹폰트 | 에혀라X | 2010.12.11 |
메인화면에 설문조사 위젯(?) 만들기
[3]
![]() | 3D매니아 | 2010.12.14 |
외부페이지를 레이아웃에 결합시 상단 마진폭이 벌어지는 문제 해결방법
[6]
![]() | DuRi | 2010.12.17 |
우분투 apm에서 "쉬운 설치" 에러시 팁 [4] | 김상호 | 2010.12.22 |
애드온에서 모바일 환경 구분 코드 | misol | 2010.12.24 |
웹페이지에서 ICQ 번호 자동으로 추가하기... [1] | 잔디 | 2001.01.05 |
페이지 전환을 부드럽게
<META HTTP-EQUIV=\"Page-Enter\" content=\"revealTrans(Duration=3,Transition=0)\">
<META HTTP-EQUIV=\"Page-Exit\" content=\"revealTrans(Duration=3,Transition=0)\">
페이지 들어갈 때/나갈때 다양한 화면전환방법을 사용할 수 있다.
Transition = 숫자(원하는 화면전환방법) , Duration = 숫자(진행속도)
Transition=0 : 가운데로 모으기 (박스 형태)
Transition=1 : 밖으로 펼치기 (박스 형태)
Transition=2 : 가운데로 모으기 (원 형태)
Transition=3 : 밖으로 펼치기 (원 형태)
Transition=4 : 위로 닦아내기
Transition=5 : 아래로 닦아내기
Transition=6 : 오른쪽으Transition=로 닦아내기
Transition=7 : 왼쪽으로 닦아내기
Transition=8 : 세로 블라인드
Transition=9 : 가로 블라인드
Transition=10 : 가로 체크 무늬
Transition=11 : 세로 체크 무늬
Transition=12 : 흩어 뿌리기
Transition=13 : 수직 안쪽으로 나누기
Transition=14 : 수직 바깥쪽으로 나누기
Transition=15 : 수평 안쪽으로 나누기
Transition=16 : 수평 바깥쪽으로 나누기
Transition=17 : 계단 모양 왼쪽 아래로
Transition=18 : 계단 모양 왼쪽 위로
Transition=19 : 계단 모양 오른쪽 아래로
Transition=20 : 계단 모양 오른쪽 위로
Transition=21 : 가로 실선 무늬
Transition=22 : 세로 실선 무늬
Transition=23 : 순서없이 전환(랜덤)
이렇습니다...
그리고 브라우저 꺼지는 분들은.. mshtml.dll 의 문제점인데..
MS JVM 을 설치 하시거나... 사용안하시는게 좋을겁니다.
아시겠지만 mshtml.dll 에러 나면 고치기 힘들거든여..