2011-08-07 6 views
8

Google 검색 페이지에서 결과를 볼 때 모든 결과에 대한 링크 또는 링크 설명 위로 마우스를 가져 가면 google plus one 버튼 애니메이션을 볼 수 있습니다.jquery를 사용하여 google 플러스 원 버튼 효과를 만드는 방법은 무엇입니까?

인터넷을 검색하고 있었지만 일반적으로 이미지 또는 요소에 대해이 효과를 얻는 방법을 자습서에서 찾을 수 없었습니다.

jquery를 사용하는 자습서에 대한 제안이나 링크가 있습니까?

미리 감사드립니다.

+4

? 이것은 나쁜 스타일입니다. – Codo

답변

8

여러 개의 프레임을 포함하는 하나의 이미지입니다. 나는라고 가정합니다. 이미지는 CSS를 통해 배경으로 사용되며 배경 위치는 (자바 스크립트를 통해) 빠르게 변경되어 애니메이션 효과를 만듭니다.

이미지는 다음과 같습니다 도대체 코멘트를 떠나지 않고이 흥미로운 질문을 downvoting입니다

+1 button

+0

고마워 Felix;) – lorenc55

+3

스프라이트 애니메이션이라고하며 Google이 올해 초에 [Martha Graham 로고] (http://www.google.com/logos/2011/graham.html)를 애니메이션화 한 방법입니다. 스프라이트 기반 애니메이션을 롤링하는 데 도움이되는 [Spritely] (http://www.spritely.net/)와 같은 jQuery 플러그인이 있습니다. – Marcel

관련 문제