2011-08-07 17 views
8

Cuando mira los resultados en la página de búsqueda de google, puede ver la animación de google más un botón cuando coloca el mouse sobre el enlace o la descripción del enlace para cada resultado.¿Cómo crear el efecto de google más un botón usando jquery?

Estaba buscando en Internet, pero no pude encontrar ningún tutorial sobre cómo lograr este efecto en una imagen o elemento en general.

Cualquier sugerencia o enlace al tutorial utilizando jquery?

Gracias de antemano.

+4

¿Quién diablos se downvoting interesante esta pregunta sin dejar un comentario? Este es un mal estilo. – Codo

Respuesta

8

Es una imagen que contiene varios marcos. Supongo La imagen se utiliza como fondo a través de CSS y la posición de fondo se cambia rápidamente (a través de JavaScript) para crear el efecto de animación.

La imagen es:

+1 button

+0

Muchas gracias Felix;) – lorenc55

+3

Se llama animación sprite y es la forma en que Google animó el [logotipo de Martha Graham] (http://www.google.com/logos/2011/graham.html) a principios de este año. Hay complementos de jQuery como [Spritely] (http://www.spritely.net/) para ayudar a rodar sus propias animaciones basadas en sprites. – Marcel

Cuestiones relacionadas