2016-11-01 2 views
-1

두 페이지가 있습니다. index.html을 page2.html페이지를 페이지로 전환

나는, 하지만 직접 전환을 page2.html 우리 걸릴 것 index.html을에 버튼이 있습니다. 첫 페이지가 두 번째 페이지로 전환 될 때 일어날 페이드 인 전환을 찾고있는 곳입니다.

첫 페이지로 돌아갈 필요가 없으므로 두 번째에서 첫 번째로 전환 할 필요가 없습니다.

아무도 도와 줄 수 있습니까? 감사합니다.

+1

작성한 코드는 무엇입니까? – j08691

+0

무엇을 시도 했습니까? CSS 솔루션을 사용하고 싶습니까? 기존의 jquery 함수를 연구 해 보셨습니까? –

+0

예 CSS뿐만 아니라 jquery 시도했지만 다른 HTML 페이지를 사용하도록 동일한 넣을 수 없습니다, 별도 div 위해 할 수 있어요. –

답변

1

정말 이런 일이 발생하는 세 가지 방법이 있습니다. 브라우저가 주소 표시 줄에 새 페이지를로드하는 경우 한 페이지에서 다른 페이지로 전환 할 수 없으며 새 페이지에서 페이드 아웃 및 페이드 인을 사용합니다. 그러나 페이지로드 애니메이션을 실행하는 두 가지 다른 방법이 있습니다. 첫 번째는 iframe을 사용하고로드 된 페이지와 프레임 간의 통신을 복잡하게 만들 수 있으므로 완전히 권장 할만한 방법은 아닙니다. 여기

는 세 가지 알고리즘은 다음과 같습니다
  1. 은 "몸"요소에 애니메이션 페이드를 추가 할 때 페이지 첫 번째로드 및 페이지의 모든 링크가 자바 스크립트를 통해 트리거합니다. Javascript 탐색 함수가 호출되면 페이드를 페이드 한 다음 애니메이션 콜백에서 위치 변경을 실행합니다. 모든 페이지에는 fadeIn이 있기 때문에 페이지가 "전환 중"인 것처럼 보입니다.

  2. (권장하지 않음) - ID를 반복하고 모든 새로운 요청에 숨겨진 iframe을 모든 콘텐츠 위에로드하고 증분 된 ID를 지정합니다. 또한 프레임을 생성하기 전에 onLoad 핸들러를 프레임에 적용하고 프레임이로드 될 때 프레임에 애니메이션을 적용합니다.

  3. AJAX를 사용하여 콘텐츠를 컨테이너에로드하고 AJAX 요청이 시작되고 응답을받을 때이를 기반으로 애니메이션을 만들 수 있습니다.

코드 샘플이 아닌 알고리즘을 찾고 있다고 가정합니다. 그러므로 말씨.

+0

그런 경우 첫 페이지가 천천히 페이드 아웃되고 두 번째 페이지가로드 될 수있는 경우처럼 첫 번째 페이지로 전환 효과를 적용 할 수 있습니까? –

+0

무슨 뜻인지 확실하지 않습니다 ... 분명히 할 수 있습니까? 나는 그것이 내가 묘사 한 것이라고 생각한다. –

+0

고맙다. 나는 그것을 이해할 수 없다. –

관련 문제