2011-06-30 17 views
9

Kolay/basit animasyonlu metin bulmak için gülünç bir şekilde zor. Bu web sitesinde "Implosion" gibi http://codecanyon.net/item/jquery-text-animation/full_screen_preview/233445 , ancak bunun için ödemek zorunda kaldım. Aslında her türlü basit onclick metni kaybolur çok güzel olurdu. Herhangi bir öneri, bağlantı veya yardım?JQuery Animasyonlu Metin

+2

Sadece birisinin bağlantıyı tıklatması konusunda utangaç olması durumunda - oldukça harika, kontrol etmeye değer. –

+1

jQuery eklentileri için ödeme yapmıyorum ama sadece 5 dolar istiyor, eklentiyi satın alıp fadeIn/fadeOut jQuery efektlerini kullanıyorum. – MikeM

+2

@Wesley: bazıları harika olduğunu düşünebilir, bazıları bir zaman makinesinde oturduklarını düşünebilirler ve eski bir MS-Frontpage-demonstration ^^ –

cevap

14

Onun çok zor değil. Her karakteri tek bir öğe oluşturun, bir yere taşıyın ve sonra orijinal konumuna geri hareket ettirin.

Basit bir örnek: http://jsfiddle.net/doktormolle/dNXVx/

+0

linkindeki efektleri çalıştır Harika bir çalışma ... size ne kadar borçluyuz? : D Cidden olsa da, bu mükemmel. –

+0

Satmak için yasal olup olmadığını bilmiyorum, MS bu etki hakkında bir telif hakkına sahiptir: D –

+0

Uygun terim "gerekli bağış" dır. –

3

Sadece fadeIn jquery fonksiyonunu (documentation) kullanın:

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

Örnek: jQuery kullanarak bu tür bir etki yaratmak için http://jsfiddle.net/cVELa/

+1

Linki gördünüz mü? –

+0

@valipour "Aslında her türlü basit onclick metni soluklaşabilir." – ariel

+0

problem bir metnin içinde kaybolmuyor - etki çok daha karmaşık! –

0

Textillate.js deneyin! Flaş, zıplama, titreme ve daha fazlası gibi efektlerle metni canlandırmanızı sağlar. Tümünde, Textillate.js, metninize uygulamanız için 25'ten fazla efekt içeriyor.