2011-09-08 2 views

답변

1

당신이 찾고있는 것은 "요정 효과"이며 JavaScript 또는 jQuery를 사용하여 실제로 가능하지는 않습니다. 아마도 캔버스가 HTML5에서 더 나아가게되면 아마도 이런 일이 일어나도록 이식 될 수 있습니다. 플래시에서는 더 높은 비트 맵 조작 기능을 가진 다른 스크립팅 언어 에서처럼 가능합니다.

또한, 효과의 플래시 예 오프 링크 스택 오버플로이 같은 다른 질문이 : Genie animation Javascript?

+0

정보를 보내 주셔서 감사합니다. – booota

0

나는 그것이 존재하지 않거나 최소한 사용자가 창을 최소화하고 있는지 확신 할 수 없다.

귀하가 할 수있는 일은 귀하의 페이지에있는 focus 사용자인지 확인하는 것입니다. 해당 상태에 따라 애니메이션을 재생할 수 있습니다.

+0

나는 브라우저 창이 아니라 웹 사이트에 관해 이야기하고있었습니다. 내용 부분에 애니메이션을 적용해야합니다. – booota

0

체크 아웃

및 데모 http://kamilkp.github.io/https://github.com/kamilkp/geniejs.

모바일을 포함한 모든 브라우저에서 작동합니다 (Firefox는 항상 원활하지는 않지만). 모든 방향 (위, 아래, 왼쪽, 오른쪽)에서 지니 효과 전환을 지원합니다. 오버플로 자동 또는 숨겨진 컨테이너의 대상 HTML 요소가있는 경우에도 작동합니다. 그것은 라이브러리에 대한 불가지론 자다. 그러나 나는 또한 편의성 jQuery 플러그인을 썼다. 또한 프로젝트에 html2canvas 라이브러리를 포함하면 플러그인에서 genie 효과 (확장 예제 : http://kamilkp.co.nf/genie/canvas/)를 사용하여 HTML 요소를 애니메이션 할 수 있습니다.

브라우저에 대한 유일한 요구 사항은 CSS 전환을 지원해야한다는 것입니다. 그것은 순수한 자바 스크립트 + CSS 솔루션입니다.