SummArg | Cursos y recursos para webmasters

18/10/2013

jQuery Super Easy Text Rotator, rotación – animación de texto super fácil

jQuery Super Easy Text Rotator es un plugin para jQuery muy liviano que además es simple de usar. Tras vincular el plugin a nuestro proyecto, junto con jQuery obviamente, incluimos nuestro texto y marcamos entre etiquetas span.rotate el texto que deseamos animar separado por comas, de la siguiente forma:

Super <span class="rotate">Simple, Customizable, Light Weight, Easy</span> Text Rotator with Style

Luego le pasamos los parámetros correspondientes al script:

$(".rotate").textrotator({
  animation: "dissolve", // Tipos de animación: dissolve (default), fade, flip, flipUp, flipCube, flipCubeUp y spin.
  separator: "," //Si no se desea que las comas sean el separador, se puede definir otro (|, &, * etc.)
  speed: 2000 // Milisegundos hasta que se muestra la otra palabra.
});

Tiene pocas opciones para modificar, pero no se necesitan muchas mas, ¿no es cierto?

Demo | Descarga

textrotator

Dejar un comentario