애니메이션 버튼 HTML

누구나 여러 이미지를 사용하여 애니메이션 버튼을 만드는 데 유용한 방법/튜토리얼을 알고 있습니까? 내가 자습서를 찾았는데 지금은 하나를 찾을 수 없습니다 - 찾을 수있는 모든 리소스는 두 프레임 사이에서 움직이는 것입니다 (jquery를 통해 불투명도를 사용하거나 BG 이미지를 이동하여). 롤오버에서 4-5 프레임의 애니메이션을 만드는 방법을 찾고 있는데 jquery는 완벽하지만 Google에서 1 시간 후에 찾을 수는 없습니다. 어떤 도움이 필요합니까?애니메이션 버튼 HTML

출처

2011-01-25 Zakman411

저는 전문가는 아니지만 jQuery의 .animate() 기능을 사용하여 애니메이션을 연결하려고 할 수 있습니다.

간략한 문서를 살펴보면 알파 블렌딩 기법을 각 animate() 단계와 결합 할 수 있습니다. 즉, queue : true 옵션을 설정하고 complete 옵션을 다음 애니메이션으로 설정하는 것입니다.

희망이 있습니다.

출처

2011-01-25 00:49:33 Nick

감사합니다, Nick! 흥미로운 - 사람들이 거의이 방법을 사용하지 않는 이유가 궁금합니다. 충분히 똑바로 보인다. 구현에 대한 자습서를 살펴보고 감사하겠습니다. – Zakman411

This은 훌륭한 것입니다. 나는 그것이 도움이되기를 바랍니다.

출처

2011-01-25 00:44:05 Mitch

감사합니다. Mitch! 이것은 매우 유용한 튜토리얼입니다. 유일한 문제는 주로 2 개의 스프라이트 사이에 애니메이션을 적용하고 '페이드'또는 '슬라이딩'하기 위해 제작 된 것입니다. 나는 여러 가지 다른 스프라이트를 통합하는 방법을 찾지 못한다. 내 말은 MouseOver에서 버튼은 프레임 1 ~ 5를 재생하고 멈 춥니 다. MouseOut에서 역전되어 멈 춥니 다. 꽤 단순한 개념이지만별로 인기가 없습니다. – Zakman411

애니메이션 버튼 HTML

답변

관련 문제