2011-06-30 15 views
9

Es ridículamente difícil encontrar texto animado fácil/simple. Al igual que la "Implosión" en este sitio web http://codecanyon.net/item/jquery-text-animation/full_screen_preview/233445 pero tendría que pagar por ello. En realidad, cualquier tipo de fundido de texto simple en el clic sería genial. ¿Alguna sugerencia, enlace o ayuda?Texto animado de JQuery

+2

En caso de que alguien sea tímido al hacer clic en el enlace, es bastante increíble, vale la pena echarle un vistazo. –

+1

No pago por los complementos de jQuery, pero solo pide $ 5, compraré el complemento o usaré los efectos jQuery de fadeIn/fadeOut. – MikeM

+2

@Wesley: algunos pueden pensar que es asombroso, algunos pueden pensar que se sientan en una máquina del tiempo y se quedan varados en una vieja demostración de MS-Frontpage ^^ –

Respuesta

14

su no tan duro para crear un efecto tan usando jQuery. Crea un elemento único para cada personaje, muévelo a algún lugar y luego anímalo a la posición original.

Un ejemplo sencillo: http://jsfiddle.net/doktormolle/dNXVx/

+0

Gran trabajo ... ¿cuánto le debemos? : D En serio, esto es perfecto. –

+0

No sé si es legal venderlo, tal vez MS tiene un derecho de autor sobre este efecto: D –

+0

El término correcto es "donación requerida". –

3

sólo tiene que utilizar la función jquery fadeIn (documentation):

$("#button").click(function() {$("#container").fadeIn()}); 

muestra: http://jsfiddle.net/cVELa/

+1

¿Has visto el enlace? –

+0

@valipour "En realidad, cualquier tipo de fundido de texto simple en un clic sería genial". – ariel

+0

el problema no es la decoloración de un texto: ¡el efecto es mucho más complejo! ejecutar efectos en el enlace –

0

Trate Textillate.js! Le permite animar texto con efectos como flash, bounce, shake y más. En total, Textillate.js contiene más de 25 efectos para aplicar a su texto.