jQuery와 플래시 애니메이션

이 예제 웹 페이지의 왼쪽에있는 메뉴를 사용하여 한 페이지에서 다른 페이지로 전환 할 때 애니메이션을 모방하고 싶습니다. 이것은 자바 스크립트를 증명하기 위해 노력하고있는 여러 프로젝트 중 하나이며 관련 라이브러리는 Flash와 동일한 애니메이션을 제작할 수 있습니다.jQuery와 플래시 애니메이션

간단한 숨기기 애니메이션을 사용할 수는 있지만 플래시 버전과 완전히 똑같지는 않습니다. 그것은 슬라이드 아웃을 위해 약간의 여유 효과를 사용했던 것과 거의 같습니다. JavaScript로 애니메이션을 적용 할 CSS를 파악할 수 없습니다. CSS에 대한 아이디어는 이미이 스타일을 완성한 플러그인을보고 있거나 알고 있어야합니다. (불투명도 옵션으로 업데이트)

http://www.wix.com/flash-templates/artistic-choice

http://www.alphadesigns.com.au/stackoverflow/index.html는

출처

2011-09-11 SimonDever

좋아요, 이제 애니메이션 속도를 높이면 똑같은 결과가 나옵니다. –

완료 ... 괜찮 았던 것 같습니다. 건배 :) – SimonDever

opacity 애니메이션을보십시오. 이것은 IE <에서 작동하지 않습니다. IE6-8을 지원해야하는 경우 필터와 사용자 정의 애니메이션을 사용해야합니다 (http://www.quirksmode.org/css/opacity.html 참조).

출처

2011-09-11 12:42:43 Luchs

불투명도 옵션으로 코드를 수정했습니다. 보시다시피 더 가까이 있습니다 :)하지만 여전히 똑같은 것은 아닙니다. 내가 보았던 것은 페이드/슬라이드가 끝날 때 왼쪽으로 움직이는 요소가 줄어들어줌으로써 축소되는 것처럼 보입니다. 사진이 아래에있는 다른 사진 더미에 던져진 것처럼. 말이 돼? – SimonDever

완전히 따라갈 수는 없지만 두 애니메이션이 동시에 시작되어야한다고 생각합니다. [jQuery Easing Plugin] (http://gsgd.co.uk/sandbox/jquery/easing)과 같은 고급 이징 함수를 사용해야합니다. /) 아마 뭔가 맞는 것 같습니다. – Luchs

jQuery와 플래시 애니메이션

답변

관련 문제