Rev. 2.73

Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing. Testing.

railsdevelopment에서 소개하는 Effect.Queue 사용법을 응용하여 DIV 박스를 이용해 페이지 로딩을 마침과 동시에 진행되는 간단한 애니메이션을 만들어 보았습니다. Queue를 이용하면 순차적으로 진행되는 애니메이션을 제작할 수 있습니다. script.aculo.us v1.5.3에서 Queue 속성을 지원하는 함수는 Effect.Appear, Effect.Fade, Effect.BlindDown, Effect.BlindUp, Effect.SlideDown, ffect.SlideUp, Effect.DropOut, Effect.Shrink 뿐입니다. 이외의 다른 함수는 Queue가 먹히지 않아 동시 다발적으로 진행되어 효과를 볼 수 없습니다.

블로그의 헤더에 약간의 애니메이션을 적용해 보았습니다. 정말로 잘만 이용하면 플래시스러운 화면 전환효과를 구현할 수도 있겠습니다.

※ 이 페이지는 RSS리더기에서 비정상으로 보일 수 있으며 정상 작동하지 않을 수 있습니다.

Comments

Got something to add? You can just leave a comment.

Your Reaction Time!

captcha

avatar