jquery | JQuery Mobile 를 이용한 페이지 전환 효과 6종

JQuery Mobile 를 이용한 페이지 전환 효과 6종

?

오늘은 간단히 제이쿼리모바일을 이용한 페이지 전환 효과 6가지를 설명할려고 합니다.

사용 방법은...<a> 태그에 date-transition 속성을 주어서 효과를 구현하면 됩니다..

예 : <a href="페이지 경로" data-transition="속성">

1. fade = 페이지가 서서히 나타남

2. flip = 페이지가 뒤집이면서 나타남

3. pop = 화면 가운데서 솟아남

4. slide = 좌에서 우로 페이지가 이동대면서 나타남

5. slidedown = 페이지가 위에서 아래로 내려옴

6. slideup = 페이지가 아래서 위로 올라옴

실제로 말로 설명하기가 힘드네요 소스를 보고 예제 페이지를 해보면 쉽게 이해를 할 수 있습니다.

모바일쪽 소스 요청이 많아서 앞으로는 모바일쪽으로 포스팅을 하려고해요~

P.S 웹킷(WebKit) 기반인 크롬, 사파리 브라우져를 지원합니다(모바일용으로만 사용하세요^^)